脚本宝典收集整理的这篇文章主要介绍了flutter页面间跳转和传参-Navigator的使用,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
概述
flutter中的默认导航分成两种,一种是命名的路由,一种是构建路由。
命名路由
这种路由需要一开始现在创建App的时候定义
new MATErialApp(
....
routes: {
"nameRoute":(BuildContext context)=>new SecondPage(),
},
);
然后就可以在程序中使用Navigator.pushNamed来跳转
Navigator.pushNamed(context, "nameRoute");
这种路由的缺点是不能传递参数。
构建路由
在Push的时候使用自定义方法构建一个路由
Navigator.push(context, new MaterialPageRoute(builder: (BuildContext context){
return new ThirdPage(title:"请输入昵称");
}))
这种方式就可以传递参数了。
返回上一页并携带参数
使用Navigator的pop返回可返回上一级,并携带一个参数
Navigator.pop(context,"携带参数");
接收路由返回的参数
注意push系列的方法返回值是一个Future,可以用来接收参数
Navigator.pushNamed<String>(context, "nameRoute").then( (String value){
//处理代码
});
Navigator.push<String>(context, new MaterialPageRoute(builder: (BuildContext context){
return new ThirdPage(title:"请输入昵称");
})).then( (String result){
//处理代码
});
注意这里dart中的泛型使用方法后面加上<泛型参数>,与java不一样。
遇到的坑
Navigator operation requested with a context that does not include a Navigator.
The context used to push or pop routes From the Navigator must be that of a widget that is a descendant of a Navigator widget.
原因:
直接在MaterialApp中push是不行的,要加一层,变成这样:
暂时总结为:要使用Navigator,根元素不能是MaterialApp
完整代码在这里:
以上是脚本宝典为你收集整理的flutter页面间跳转和传参-Navigator的使用全部内容,希望文章能够帮你解决flutter页面间跳转和传参-Navigator的使用所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。