go_router 页面跳转 参数传递

js 复制代码
  routes: <GoRoute>[
          GoRoute(
              name: 'family',
              path: 'family/:fid',
              builder: (BuildContext context, GoRouterState state) {
                return FamilyScreen(
                  fid: state.pathParameters['fid']!,
                  asc: state.uri.queryParameters['sort'] == 'asc',
                );
              }
          ),
        ],

1 通过state.pathParameters 获取path上设置的参数,比如fid,也可以设置多个参数 比如path 设置为 family/:fid/:aid 就可以通过 state.pathParameters['fid'] 和 state.pathParameters['aid'] 分别获取path上设置的fid 跟 aid

2 跳转方式

js 复制代码
context.go('/family/${entry.key}

或者

js 复制代码
context.goNamed('family',
                pathParameters: <String, String>{'fid': fid},
                queryParameters: newQueries)
相关推荐
夏目艾拉7 小时前
flutter开发多端平台应用的探索 下 (跨模块、跨语言通信之平台通道)
android·java·flutter·设计模式
AiFlutter13 小时前
Flutter的升级和降级步骤
flutter
cola_wh13 小时前
flutter的入口和原生交互
flutter
Flutter鸿蒙梁典典学院13 小时前
Flutter自动打包ios ipa并且上传
flutter·ios·cocoa
Nadeal1 天前
Flutter 创建项目时指定原生项目编程语言
flutter
xiaaaa.z1 天前
【Flutter】Flutter安装和配置(mac)
flutter·macos
独立开发者张张2 天前
Flutter 中的低功耗蓝牙概述
flutter
AiFlutter2 天前
Flutter之修改App的图标、名称
flutter
有趣的杰克2 天前
Flutter【03】图片输出package依赖关系
android·flutter·ios·鸿蒙·dart
jokeWorld2 天前
【Flutter】解决第一次运行项目很慢(gradle需要下载依赖)
flutter