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)
相关推荐
古希腊被code拿捏的神13 小时前
【Flutter】面试记录
flutter·面试·职场和发展
nc_kai13 小时前
Flutter 之 table_calendar 控件
flutter
0wioiw013 小时前
Flutter基础(前端教程⑨-图片)
前端·flutter
Engandend14 小时前
Flutter与iOS混合开发交互
flutter·ios·程序员
浅忆无痕14 小时前
Flutter抓包
前端·flutter
火柴就是我15 小时前
每日见闻之尝试大白话说清Flutter的事件传递
flutter
Lucifer晓16 小时前
记录一次Flutter项目上传App Store Connect出现“Validation failed”错误的问题
flutter·ios
江上清风山间明月19 小时前
一周掌握Flutter开发--10. 结构与设计模式
flutter·设计模式·快速
_小猪睡枕头_21 小时前
鸿蒙与Flutter的混合开发
flutter·harmonyos
0wioiw01 天前
Flutter基础(前端教程⑦-Http和卡片)
前端·flutter·http