Flutter知识点: Route & Navigator

2,925 阅读1分钟
原文链接: www.jianshu.com

App通常由多个页面组成,并且页面之间存在着跳转的关系。

Flutter中通过定义Route, 使用Navigator来跳转界面。

image.png

routes是MaterialApp的属性之一,主要用于设置每个界面的key和对应跳转到具体界面。

image.png

使用Navigator.push显示一个界面

image.png

使用Navigator.pop删除一个界面

举例

device-2018-06-05-213356.png

1.带参数跳转到另一个界面

image.png image.png device-2018-06-05-213306.png

2.从当前界面带返回值回到上一个界面

image.png image.png device-2018-06-05-213416.png device-2018-06-05-213430.png

3.Flutter 中,对话框、菜单、下拉选项等都是通过Route显示的

image.png device-2018-06-05-213448.png

学习过程中的代码都放在github上了:github.com/zhujian1989…