Flutter 路由&页面传参

需求梳理

1、如何进行页面跳转
2、页面跳转时如何进行传值
3、参数回传

1 页面跳转

Flutter中分2种路由，分别是静态路由和动态路由

// 静态路由示列子

// step 1、---> 声明路由
class RoutePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: "route_index",
      home: MyRouteMainPage(title: 'Route inedex Page'),

      routes: <String, WidgetBuilder> {
        // 声明路由静态路由，不能传递参数
        '/router/routeone': (_) => new RoutOnePage(),
        '/router/routetwo': (_) => new RouteTwo(),
      },
    );
  }
}

// step 2、---> 调用路由，进行跳转

a、不需要返回值的跳转
Navigator.of(context).pushNamed('/router/routeone');

b、需要返回值的跳转
// 带返回值
Navigator.of(context).pushNamed('/router/routeone').then((value) {
    // dialog显示返回值
    _showDialog(context, value);
})

//跳转回去前传递参数给上一个页面
Navigator.of(context).