Flutter学习路由传值的四种代码写法

最新推荐文章于 2023-05-21 08:00:00 发布

火鱼

最新推荐文章于 2023-05-21 08:00:00 发布

阅读量297

点赞数 1

分类专栏： Flutter学习文章标签： dart 路由传值

本文链接：https://blog.csdn.net/luck28/article/details/108080822

版权

这篇博客详细介绍了在Flutter中进行路由传值的四种方法，包括直接在routes中书写、使用onGenerateRoute方法、综合使用routes和onGenerateRoute，以及通过ModelRoute传递值。并提供了具体的取值代码示例。

摘要由CSDN通过智能技术生成

第一种：直接在routes中书写

@override
  Widget build(BuildContext context) {
    return MaterialApp(
      home:AppScaffoldFul(),
       routes: {
        // "/proudctlist":(context,{arguments})=>ProductList(arguments: arguments),
        "/cateory":(context)=>CateoryPage(),
      },

       // 处理Named页面跳转 传递参数
      onGenerateRoute: (RouteSettings setting) {
        if(setting.name == '/proudctlist') {
          return MaterialPageRoute(builder: (context) => ProductList(arguments: setting.arguments));
        }
      },
     
      // onGenerateRoute: generateRoute,
    );
  }
}

第二种:抽取方法onGenerateRoute

class MyApp2 extends StatelessWidget {
  const MyApp2({Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home:AppScaffoldFul(),
       routes: {
        // "/proudctlist":(context,{arguments})=>ProductLis