在flutter中的页面跳转

2023年3月18日89

AI 生成的摘要

通过定义路由表，可以在应用中指定页面跳转的目的地。使用Navigator.of(context).pushNamed("routeName")可以根据路由名字跳转到相应页面。另一种方法是直接使用Navigator.push()，可以传递参数并跳转到指定页面，不需要定义路由表。

一个方法是

new MaterialApp(
      title: '',
      theme: new ThemeData(
        primarySwatch: Colors.cyan,
      ),
      home: new MyHomePage(title: ''),
       routes: {
         '/sortiePage': (BuildContext con)=> new SortiePage()
       },
    );

先是在 app 中定义好路由的名字和要跳转到的页面。

然后

Navigator.of(context).pushNamed("routeName");

显示根据 context，拿到路由表，然后根据路由的名字跳转到预定好的页面。

另一个方法

不用定义路由表，直接

Navigator.push(
   context, 
   MaterialPageRoute(
     builder: (context){
       return new SortiePage(
         args: your args data,
       );
     }
   ) 
);

这样没有路由表那样直观，但是传参数方便

写起来比 Android 好的一点的是，不用把数据塞到 bundle 那么麻烦了。