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)
相关推荐
SoaringHeart1 天前
Flutter进阶:放弃 MediaQuery.of(context) 使用 NScreenManager
前端·flutter
BG1 天前
利用Codex GPT-5.5 基于extended_image新增图片透视变换功能
前端·flutter
帅次1 天前
LazyColumn 懒加载、items 与 key
android·flutter·kotlin·android studio·webview
恋猫de小郭1 天前
经典,Flutter iOS 又修复了一个构建问题,还是很抽象
android·前端·flutter
我这一生如履薄冰~1 天前
flutter开发适配底部导航条样式
android·flutter
张风捷特烈1 天前
状态管理大乱斗#07 | Signals 源码评析 - 暗流涌动
android·前端·flutter
Justin在掘金2 天前
Riverpod 实战指南
flutter
MonkeyKing71552 天前
Flutter Riverpod 2.x 设计思想与最佳实践
前端·flutter
梦想不只是梦与想2 天前
Flutter中 yield*关键字
flutter·生成器函数