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)
相关推荐
莞凰8 小时前
昇腾CANN的“御剑飞行“:ATB仓库探秘
人工智能·flutter·transformer
QQ34634815710 小时前
Flutter_01 工具准备1
flutter
QQ34634815718 小时前
Flutter_02 工具准备2-2
flutter
淡写成灰19 小时前
造一个生产级 Flutter WebSocket 客户端:适配器模式 + 七大企业特性全解析
flutter
水云桐程序员20 小时前
Flutter与React Native的对比分析
flutter·react native·react.js
1001101_QIA20 小时前
android studio连接手机真机调试
flutter
莞凰1 天前
昇腾CANN的“传音入密“:hccl仓库探秘
flutter·ui·transformer
500841 天前
Conv + BN + ReLU 融合:省掉两次显存读写
flutter·架构·开源·wpf·音视频
500841 天前
把 FlashAttention 讲清楚
flutter·electron·wpf
song5012 天前
多卡训练加速:HCCL 集合通信实战
分布式·python·flutter·ci/cd·分类