美文网首页
Flutter 正向逆向路由传值

Flutter 正向逆向路由传值

作者: 暅_1456 | 来源:发表于2020-08-20 10:08 被阅读0次

一 前言

记录一个小技巧,关于在路由push和pop的时候带上数据互相传递,而且不需要在注册的命名路由声明参数,使用起来比较方便

二、正向传值

1.直接在界面A push的时候添加参数

onPressed: () {
      Navigator.pushNamed(context,'/HomePage2Copy',arguments:'flutter');
}

2.下一个界面B接收值,构建方法build之下,return之前调用

String value = ModalRoute.of(context).settings.arguments;
print('打印 : $value');

3.打印值

打印:flutter

三、逆向传值

1.在B界面触发pop事件,添加参数

onPressed: () {
   Navigator.pop(context, "我是回传的值");
}

2.在A界面push方法添加then回调,打印value,是不是很方便?

onPressed: () {
Navigator.pushNamed(context,'/HomePage2Copy',arguments:'flutter').then((value){
      print('$value');
    });
 }

欢迎大家有问题可以入群 QQ 528214618 讨论Flutter技术

如有不足请指正,谢谢大家!

Snip20200819_2.png

相关文章

  • Flutter 正向逆向路由传值

    一 前言 记录一个小技巧,关于在路由push和pop的时候带上数据互相传递,而且不需要在注册的命名路由声明参数,使...

  • 『Flutter』路由正向逆向传值

    flutter路由跳转,在看过ios的路由,vue的路由,其实对于路由已经有了一些了解。 这里需要学习的是flut...

  • Flutter命名路由的使用和传值

    1.注册路由 2.路由传参和获取反向传的值 3.获取路由正向传的值

  • Vue页面间传值

    Vue传值的方式有正向传值和反向传值 正向传值:上一页面 --> 下一页面 路由传值 本地储存 eventbus ...

  • iOS页面间传值详解(二)

    在iOS页面间传值详解(一)中,介绍了iOS界面间的正向传值以及逆向传值的两种方法,其实逆向传值还可以使用bloc...

  • iOS 如何优雅地跨层通信

    1. 传值 (数据传递) 传值在程序开发中使我们每天需要面临的问题传值方式: 正向传值,逆向传值,跨层传值...一...

  • iOS页面间逆传值

    页面间传值有两种: 正向传值(利用属性传值就可以了,很简单) 逆向传值(有3种常用的方法) 代理传值 block传...

  • Flutter之路由详解

    本文主要包含两个方面:【路由导航】和【路由传值】 路由传值 Flutter中管理多个页面时有两个核心概念和类:Ro...

  • iOS代理、block、通知传值

    一般正向传值基本使用属性传值,这里不多讲。如果需要逆向传值,基本使用代理和block,也可以使用通知。这些基本都会...

  • iOS 正向、逆向传值总结

    iOS 开发中经常需要在页面间传递数据,也就是 值传递。常见的有的是 正向传递 也有 逆向传递。那么如何进行值传递...

网友评论

      本文标题:Flutter 正向逆向路由传值

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