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)
相关推荐
柿蒂17 分钟前
聊聊SliverPersistentHeader优先消费滑动的设计
android·flutter
fishofeyes5 小时前
Riverpod使用
flutter
消失的旧时光-194317 小时前
iFlutter --> Flutter 开发者 的 IntelliJ IDEA / Android Studio 插件
flutter·android studio·intellij-idea
马拉萨的春天21 小时前
block的样式有哪些?如果copy的话分别会有啥样式
flutter·性能优化·ios的block
Rattenking1 天前
【CSS】---- 图形函数详解
笔记·学习·flutter
程序员老刘1 天前
别再抱怨Flutter方案太多了,这个就叫生态!
flutter·客户端
黄毛火烧雪下1 天前
(一)Flutter 插件项目demo预览图
flutter
站在远方望童年1 天前
WSL2 中的 Flutter 开发环境配置
flutter
w_y_fan1 天前
flutter_native_splash: ^2.4.7
android·前端·flutter
QuantumLeap丶1 天前
《Flutter全栈开发实战指南:从零到高级》- 06 -常用布局组件
flutter·dart