Flutter Navigator基本操作

227 阅读1分钟

定义一个list,里面包含了导航的基本操作 1,Material page route navigation, MaterialPageRoute导航 2,Named route navigation, 命名路由导航 3,Pass arguments to named route navigation,使用命名路由传递参数 4,Return data named route navigation, 获取返回值

使用ListView.separated构造函数来显示出来

(一),MaterialPageRoute导航 导航和返回,只用调用Navigator的push方法,传递context和MaterialPageRoute对象,返回一个要跳转的页面

返回上一个页面,调用Navigator的pop方法

(二),命名路由的导航和返回,首先我们要给MaterialApp的routes赋值,给每一个页面映射一个名字

页面跳转调用Navigator的pushName方法 ,传递context,和名字,就是routers的key

返回上一个页面的方法都是一样的,调用Navigator的pop方法

(三)使用命名路由传递参数,定义一个类ScreenArgument,包含两个属性title 和 message,跳转方法和命名路由方法一样,给arguments属性赋值

使用ModalRoute类来接受传过来的值,返回调用Navigator的pop方法

(四)接受导航返回值,使用MaterialPageRoute跳转,接受返回值是一个异步操作,使用关键字async await 接受到的返回值,使用dialog显示出来

传值页面操作,调用Navigator的pop方法,要把返回的值写在第二个参数位置

效果图如下

![]