Flutter知识点: Route & Navigato

作者: jzhu085 | 来源:发表于2018-06-05 21:46 被阅读119次

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上了:https://github.com/zhujian1989/flutter_study

每天学一点,学到Flutter发布正式版!

相关文章

网友评论

    本文标题:Flutter知识点: Route & Navigato

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