美文网首页
2019-10-15Flutter 命名路由跳转、传参、接收数据

2019-10-15Flutter 命名路由跳转、传参、接收数据

作者: Kason晨 | 来源:发表于2019-10-15 11:40 被阅读0次

注册:

MaterialApp(
        routes: <String, WidgetBuilder> {
          'myrouter': (BuildContext context) => new MyRouter(),
        },
      );

带参数跳转

 Navigator.of(context).pushNamed('myrouter',arguments: "这是传过去的参数");

跳转界面接收参数

  @override
  Widget build(BuildContext context) {
    //获取路由参数  
    var args=ModalRoute.of(context).settings.arguments
  }

返回时候,传参数

Navigator.of(context).pop('这个是要返回给上一个页面的数据');

返回到的上一页接收参数(修改上面的跳转方法)

  Navigator.of(context).pushNamed('myrouter',arguments: "这是传过去的参数").then((value){
      print("value===="+value.toString());
    });

相关文章

  • Next.js 跳转传参并接收接参

    介绍路由传参,接参使用方法 传参 + 跳转页面接收参数 动态路由传参 + 跳转页面接收参数创建动态路由在pag...

  • 2019-10-15Flutter 命名路由跳转、传参、接收数据

    注册: 带参数跳转 跳转界面接收参数 返回时候,传参数 返回到的上一页接收参数(修改上面的跳转方法)

  • flutter页面跳转 Route 使用汇总

    一、push方式直接跳转 普通跳转 带参数跳转和接收参数 构造函数直接传参 跳转后携带参数返回 二、命名路由跳转 ...

  • 八、Flutter路由

    目录一、基本路由二、基本路由传参三、命名路由四、命名路由传参五、替换路由六、返回到根路由 一、基本路由 跳转到De...

  • Flutter 命名路由跳转、传参、接收数据、返回数据

    注册: 带参数跳转 跳转界面接收参数 返回时候,传参数 返回到的上一页接收参数(修改上面的跳转方法)

  • vue传参

    一、路由传参 1.1、 明文传参 ( 特点:URL路径 显示传递的参数 ) 路由跳转: 传递参数 接收参数 1....

  • Vue实战第二天

    路由组件传参 动态路由传参 静态路由传参 函数传参htm5 history 模式 设置通用路由,找不到页面跳转自定...

  • Angular2 路由传值

    在接收值得组件里面导入ActivatedRoute 路由设置页面传参 父级页面路由跳转的实现 子页面的Compon...

  • ionic4-传递参数

    环境 路由传值 方式一(单个值) 路由定义 跳转 或者 接收 方式二(多个值) 跳转 接收 组件间传值 父 -> ...

  • vue-router

    路由安装 路由配置 路由跳转 路由传参-param使用params传参只能使用name进行引入http://loc...

网友评论

      本文标题:2019-10-15Flutter 命名路由跳转、传参、接收数据

      本文链接:https://www.haomeiwen.com/subject/hbajmctx.html