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)
相关推荐
天渺工作室15 分钟前
Flutter 版的 NVM——FVM 使用指南
flutter·dart
Lanren的编程日记11 小时前
Flutter鸿蒙应用开发:生物识别(指纹/面容)功能集成实战
flutter·华为·harmonyos
Lanren的编程日记14 小时前
Flutter鸿蒙应用开发:基础UI组件库设计与实现实战
flutter·ui·harmonyos
西西学代码14 小时前
Flutter---波形动画
flutter
于慨18 小时前
flutter基础组件用法
开发语言·javascript·flutter
恋猫de小郭20 小时前
Android CLI ,谷歌为 Android 开发者专研的 AI Agent,提速三倍
android·前端·flutter
火柴就是我21 小时前
flutter pushAndRemoveUntil 的一次小疑惑
flutter
于慨21 小时前
flutter doctor问题解决
flutter
唔6621 小时前
flutter 图片加载类 图片的安全使用
安全·flutter
Nathan202406161 天前
Flutter - InheritedWidget
flutter·dart