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)
相关推荐
●VON24 分钟前
Flutter组件深度解析:从基础到高级的完整指南
android·javascript·flutter·harmonyos·von
国医中兴37 分钟前
ClickHouse集群部署与管理:从0到1的实战指南
flutter·harmonyos·鸿蒙·openharmony
前端不太难1 小时前
接口频繁变化时,Flutter 项目如何保证稳定性?
flutter·状态模式
GoCodingInMyWay2 小时前
Flutter ngspice 插件
flutter
西西学代码2 小时前
Flutter---CustomScrollView
flutter
weixin_4434785118 小时前
flutter组件学习之对话框与提示详解
javascript·学习·flutter
yeziyfx19 小时前
Flutter开发环境vs code报错
flutter
西西学代码20 小时前
flutter_blue_plus
flutter
tangweiguo0305198721 小时前
Flutter MVVM 完整实战:网络请求、状态管理、分页加载一网打尽
flutter