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)
相关推荐
Utopia^9 小时前
鸿蒙flutter第三方库适配 - 联系人备份工具
flutter·华为·harmonyos
念格15 小时前
Flutter 仿微信输入框最佳实践:自适应高度 + 超行数智能切换全屏
前端·flutter
程序员老刘16 小时前
《Flutter跨平台开发核心技巧与应用》新书来了
flutter·ai编程·客户端
空中海18 小时前
7.1 Flutter 性能模型
flutter
weixin_4434785118 小时前
Flutter学习之第三方组件:视频播放器控件
学习·flutter·音视频
空中海1 天前
11 Flutter 进阶与原理解析
flutter
于慨1 天前
项目flutter运行环境汇总
flutter
空中海1 天前
10 Flutter 测试与发布
flutter
空中海1 天前
12 Flutter 实战项目与最佳实践
flutter