路由和导航

命名路由:
下面这两段代码相互配合,共同组成页面导航功能。


下面这句代码在相应的页面中出现:
Navigator.pushNamed(context, '/');



下面这些代码在MaterialApp()中出现:
routes: {
'/':(BuildContext context)=>MainPage(),
'/Page1':(BuildContext context)=>PageOne(),
'/Page2':(BuildContext context)=>PageTwo(),
'/Page3':(BuildContext context)=>PageThree(),
},

下面这句代码的意思是关闭当前页面返回上一页:
Navigator.pop(context);

综上:三句代码相互配合共同完成导航功能;

当然还有一种功能更强大的导航叫做构建路由(这种是单独使用,并且可以传递参数):
Navigator.push(context,MaterialPageRoute(builder: (BuildContext context){
   return new ThirdPage(title:"请输入昵称");
}));


//跳转并关闭当前页面
Navigator.pushAndRemoveUntil(
context,
new MaterialPageRoute(builder: (context) => new MyHomePage()),
(route) => route == null,
);

 
 
 
posted @ 2019-04-17 20:42  braveheart007  阅读(109)  评论(0编辑  收藏  举报