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)
相关推荐
晚霞的不甘3 分钟前
Flutter + OpenHarmony 自动化测试全攻略:从单元测试到多设备真机云测
flutter·单元测试
ujainu3 分钟前
Flutter性能优化实战:从卡顿到丝滑的全方案
flutter·性能优化
克喵的水银蛇17 分钟前
Flutter 通用网络图片加载组件:ImageLoaderWidget 解决加载痛点
flutter
寒季66619 分钟前
Flutter 智慧零售门店服务平台:跨端协同打造全渠道消费体验
flutter
解局易否结局25 分钟前
Flutter:重构跨平台开发的技术范式与实践路径
flutter·重构
雨季66626 分钟前
Flutter 智慧零售服务平台:跨端协同打造全链路消费生态
flutter·零售
雨季66629 分钟前
Flutter 智慧零售服务平台:跨端协同打造全链路消费生态(精简版)
flutter·零售
Non-existent98731 分钟前
Flutter + FastAPI 30天速成计划自用并实践-第8天
flutter·fastapi
子春一39 分钟前
Flutter 架构演进实战:从 MVC 到 Clean Architecture + Modular,打造可维护、可测试、可扩展的企业级应用
flutter·架构·mvc
帅气马战的账号8 小时前
开源鸿蒙Flutter组件化开发:轻量架构与多场景适配
flutter