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)
相关推荐
消失的旧时光-194319 分钟前
BLoC vs Riverpod:命令式系统 与 声明式系统的两条架构路线
flutter·架构
奋斗的小青年!!1 小时前
Flutter跨平台开发适配OpenHarmony:下拉刷新组件的实战优化与深度解析
flutter·harmonyos·鸿蒙
摘星编程2 小时前
Flutter for OpenHarmony 实战:CustomScrollView 自定义滚动视图详解
android·javascript·flutter
摘星编程2 小时前
Flutter for OpenHarmony 实战:GridView.builder 构建器网格详解
flutter
绝命三郎3 小时前
Flutter坑坑
flutter
消失的旧时光-19433 小时前
BLoC 从 0 到 1:先理解“状态机”,再谈 Flutter
flutter·bloc
小雨下雨的雨3 小时前
Flutter鸿蒙共赢——秩序与未知的共鸣:彭罗斯瓷砖在鸿蒙律动中的数字重构
flutter·华为·重构·交互·harmonyos·鸿蒙系统
行者964 小时前
Flutter适配OpenHarmony:个人中心
flutter·harmonyos·鸿蒙
小雨下雨的雨4 小时前
Flutter鸿蒙共赢——生命之痕:图灵图样与反应-扩散方程的生成美学
分布式·flutter·华为·交互·harmonyos·鸿蒙系统
摘星编程4 小时前
Flutter for OpenHarmony 实战:Dialog 对话框详解
flutter·wpf