美文网首页
flutter路由的使用

flutter路由的使用

作者: 王保全_1098 | 来源:发表于2018-11-20 11:30 被阅读0次
  • 定义路由:
  runApp(new MaterialApp(
    title: 'ad',
    home: new SplashScreen(),
    routes: <String, WidgetBuilder>{
      '/main': (BuildContext context) => new MainScreen(),
      '/login': (BuildContext context) => new LoginScreen()
    },
  ));
  • 跳转:pushReplacementNamed跳转之后不能再返回:
    Navigator.of(context).pushReplacementNamed('/main');
  • 跳转:pushNamed跳转之后可以返回:
    Navigator.of(context).pushNamed('/login');
  • 跳转并传参数到新页面:
    Navigator.push(context, new MaterialPageRoute(builder: (BuildContext context){ return new ThirdPage(title:"请输入昵称"); }))
  • 返回上一个页面:
    Navigator.pop();
  • 返回上一个页面并携带数据参数:
    Navigator.pop(context,"携带参数");
  • 接收跳转返回携带的数据:
 Navigator.pushNamed<String>(context, "nameRoute").then( (String value){
   //处理代码
});
Navigator.push<String>(context, new MaterialPageRoute(builder: (BuildContext context){
    return new ThirdPage(title:"请输入昵称");
  })).then( (String result){
       //处理代码
});

相关文章

网友评论

      本文标题:flutter路由的使用

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