Flutter路由管理和接收页面的返回值

2024-05-10 11:14:19

Flutter使用Navigator进行路由管理。

跳转页面

使用Navigator的push方法进行跳转。可以看到总共有6个push方法

1、push(route) 通过路由跳转

通过路由进行跳转

          Navigator.of(context).push(MaterialPageRoute(builder: (context){return MyApp();}));

也可以直接使用Navigator.push(context, route)进行跳转，直接push的方法里面还用调用的 Navigator.of(context).push(route)。如下图

2、pushNamed(routeName) 通过路由名称跳转

调用该方法前需要先到MaterialApp下注册路由表，然后给路由命名

注册路由表

      routes: {"my_app" : (context) => MyApp(),//其它路由},

routes是一个Map集合，key就是路由名

通过路由名跳转：

Navigator.of(context).pushNamed("my_app");

3、pushAndRemoveUntil()和pushNamedAndRemoveUntil()

还是通过路由和路由名跳转的，和上面两个区别是使用此方法跳转的路由会处于栈顶，并把之前的路由清除掉。类似于Android
singleTask启动模式。

        Navigator.of(context).pushAndRemoveUntil(MaterialPageRoute(builder: (context)=>MyApp()),(route)=>route == null);

使用此方法跳转到新页面，在按返回键则会直接退出程序。

 Navigator.of(context).pushNamedAndRemoveUntil("my_app",(route)=>route == null);

4、pushReplacement()和pushReplacementNamed()

路由替换，第二个参数result是个可选参数，如果不传就替换成newRoute，如果传则替换成result。

    Navigator.of(context).pushReplacement(MaterialPageRoute(builder: (context)=>MainPage())});Navigator.of(context).pushReplacementNamed("my_app");

pop()出栈，关闭页面

关闭当前页面

 Navigator.of(context).pop();

接收上个页面的返回值

所有的push方法都会有个Future回调。我们可以在Future中接收返回值。

          Future future = Navigator.of(context).pushNamed("my_app");future.then((value){});

future的回调方法中会收到一个value值。

pop([ T result ]) pop有个可选参数result，关闭页面的时候传递一个result给上个界面

Navigator.of(context).pop("test");

上个页面的future就会收到值为test的回调

Flutter路由管理和接收页面的返回值相关推荐

Bolt 的 Flutter 路由管理实践（页面解耦，流程控制、功能拓展等）
在各大移动开发框架(Android.iOS.Flutter.React Native-)中,路由管理始终是 UI 架构最具热议的话题之一. 一大原因就是应用程序的页面会不可避免的多,我们可以使用 B ...
Flutter路由管理和页面参数的传递（获取返回）
前言在做 Flutter 开发的时候所有的页面以及页面上的元素都变成了 Widget ,创建一个页面或者视图直接 new 一个新的 widget 就可以,相关的参数我们可以直接通过构造函数直接传递. ...
Flutter路由管理和页面参数的传递（源码分析）
前言上一篇 Flutter路由管理和页面参数的传递(获取&返回) 文章中我们讲述了这么用代码实现 Flutter 中页面参数的传递,这一篇我们用源码分析一下 Navigator 为什么可以进 ...
Flutter系列-flutter路由管理
Flutter路由管理初识路由概念一.路由管理 1.1.Route 1.2.MaterialPageRoute 1.3.Navigator 1.4.路由传值 1.5 命名路由 1.6.命名路由参数 ...
Flutter路由管理代码这么长长长长长，阿里工程师怎么高效解决？（实用）
背景: 在flutter的业务开发过程中,flutter侧会逐渐丰富自己的路由管理.一个轻量的路由管理本质上是页面标识(或页面路径)与页面实例的映射.本文基于dart注解提供了一个轻量路由管理方案. ...
【C 语言】C 项目开发代码规范 ( 形参合法性判断 | 函数返回值局部变量 | 函数中不用全局变量 | 函数中使用局部变量接收形参 | 函数返回值 | 形参作返回值 | 形参返回值处理 )
文章目录一.C 项目开发代码规范一.C 项目开发代码规范上一篇博客 [C 语言]字符串模型 ( 键值对模型 ) 中 , 完成了字符串的键值对查找功能 , 代码不太规范 ; C 项目开发代码规 ...
cmd管道无法接收特定程序返回值_渗透不会反弹shell？来教你写一个cmd的shell
渗透不会反弹shell?来教你写一个cmd的shell 包含的库: #include #include #include #include #include #pragma comment(lib, ...
JDBC和JPA调用储存过程接收存储过程有返回值
============jdbc========================================== --java代码:一个输出参数-- String connURL = null; ...
jsp中接收java的返回值_jsp中request的一些方法返回值
在页面上打印如下内容,通过服务器本地和客户端异地调用的结果如下 String url111 = request.getRequestURI(); System.out.println("ur ...

最新文章

热门文章