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)
相关推荐
早點睡3902 小时前
进阶实战 Flutter for OpenHarmony:Sliver 系列组件实战 - 折叠头部与吸顶效果系统
flutter
早點睡3902 小时前
Flutter for Harmony 跨平台开发实战:希尔伯特曲线——空间填充的无限递归
flutter
lqj_本人4 小时前
Flutter三方库适配OpenHarmony【apple_product_name】FlutterPlugin接口实现详解
flutter
lqj_本人4 小时前
Flutter三方库适配OpenHarmony【apple_product_name】插件注册与生命周期管理
flutter
早點睡3904 小时前
进阶实战 Flutter for OpenHarmony:AnimatedBuilder 组件实战 - 自定义动画系统
flutter
程序员老刘5 小时前
跨平台开发地图:React Native 0.84 强力发布,Hermes V1 登顶 | 2026年2月
flutter·客户端
松叶似针6 小时前
Flutter三方库适配OpenHarmony【doc_text】— .docx 解析全流程:从 ZIP 解压到 XML 提取
xml·flutter·harmonyos
lqj_本人7 小时前
Flutter三方库适配OpenHarmony【apple_product_name】MethodCallHandler消息处理机制
flutter
西西学代码7 小时前
Flutter---事件处理
flutter