Flutter 页面跳转携带参数以及返回携带参数(四)

Flutter   路由分为两种一种是  静态路由  一种是动态路由

 

一 。静态路由是提前写好,在app加载的时候加载路由,首先定义路由类  

    userInfoDetail:(BuildContext context)=>UserInfoDetailPage(),
    passwordLogin:(BuildContext context)=>LoginPagePwd(),
    verifyCodeLogin:(BuildContext context)=>LoginPage(),
    myPsiMainPage:(BuildContext context)=>MyPsiMainPage(),



  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(
          primaryColor: themeColor,
          textTheme: TextTheme(
            display1: TextStyle(
                color: Colors.black54,
                fontSize: 16,
                fontWeight: FontWeight.bold
            )
          )
      ),
      home: HomeScaffoldView(),
      //加载路由信息
      routes: MyRoutes.routes,
    );
  }

静态路由配置后要重启项目,热部署不会及时生效。

二 。动态路由

                  onTap: () {
                    Navigator.of(context)
                        .push(MaterialPageRoute(builder: (context) {
                      return ConfirmSell();
                    }));
                  },

confirmSell 是跳转页面组件,想要携带参,组件写一个带惨构造这样就可以获取到了参数了


            new RaisedButton(
                child: new Text('返回',style: new TextStyle(fontSize: 20.0),),
                //返回按钮,点击以后将路由退出路由栈,同时将product返回给上一个页面。
                onPressed: (){
                  Navigator.pop(context,product);
                })

返回

你可能感兴趣的:(flutter)