路由和导航
命名路由:
下面这两段代码相互配合,共同组成页面导航功能。
下面这句代码在相应的页面中出现:
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,
);