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 小时前
基于Docker的微服务自动化部署系统
开发语言·javascript·flutter·docker
牛马1118 小时前
Flutter Web性能优化标签解析(二)
前端·javascript·flutter
走在路上的菜鸟8 小时前
Android学Flutter学习笔记 第三节 Android视角认知Flutter(触摸事件,List,Text,Input)
android·学习·flutter
kirk_wang8 小时前
Flutter `audio_service` 在鸿蒙端的后台音频服务适配实践
flutter·移动开发·跨平台·arkts·鸿蒙
张风捷特烈8 小时前
如何用 Dart 写个自己的MCP服务
flutter·dart·mcp
dev1 天前
【flutter】0. 搭建一个多端 flutter 开发环境
flutter·架构·前端框架
shankss1 天前
GetX 状态管理详解
android·flutter·ios
明君879971 天前
Flutter 内存管理深度解析:十年老兵的实战心得
flutter
程序员老刘1 天前
谷歌有没有画饼?Flutter 2025 路线图完成度核验
flutter·客户端
菩提祖师_1 天前
基于Flutter的天气查询APP开发
开发语言·javascript·flutter