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)
相关推荐
G_dou_28 分钟前
Flutter三方库适配OpenHarmony【bmi_calculator】BMI 计算器项目完整实战
flutter·harmonyos
慧海灵舟44 分钟前
Flutter × OpenHarmony 开发日记 Day1:从克隆仓库到环境就绪
flutter·写文章,赢小鸿ai
G_dou_3 小时前
Flutter三方库适配OpenHarmony【tip_calculator】小费计算器项目完整实战
flutter·harmonyos
小铁-Android4 小时前
Visual Studio Code创建Flutter项目时包名组织名更改
vscode·flutter
韩曙亮4 小时前
【错误记录】flutter attach 附加设备 执行报错 ( 附加设备注意事项 )
android·javascript·flutter·flutter attach
G_dou_7 小时前
Flutter+OpenHarmony实战level_tool水平仪
flutter·harmonyos
G_dou_7 小时前
Flutter三方库适配OpenHarmony【dice_roller】骰子投掷器项目完整实战
flutter·harmonyos
韩曙亮8 小时前
【Flutter】Flutter 组件 ① ( StatelessWidget 无状态组件 与 StatefulWidget 有状态组件 )
flutter·statefulwidget·statelesswidget
恋猫de小郭8 小时前
Flutter 最好的 AI 自动化测试工具:Patrol
android·前端·flutter