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)
相关推荐
前端 贾公子1 小时前
Vue.js 3 的设计思路:从声明式UI到高效渲染机制
vue.js·flutter·ui
帅次3 小时前
Flutter:StatelessWidget vs StatefulWidget 深度解析
android·flutter·ios·小程序·swift·webview·android-studio
一人前行3 小时前
Flutter_学习记录_实现列表上下拉加载 +实现加载html的数据
flutter
pengyu5 小时前
系统化掌握Flutter开发之GestureDetector(一):筑基之旅
android·flutter·dart
帅次6 小时前
Flutter Widget 体系结构解析
android·flutter·ios·小程序·xcode·web app·dalvik
秋月华星14 小时前
【flutter】TextField输入框工具栏文本为英文解决(不用安装插件版本
前端·javascript·flutter
程序员老刘·14 小时前
Flutter开发者 3.29版本关注要点
flutter·跨平台开发·客户端开发
weixin_4607838716 小时前
Flutter解决TabBar顶部页面切换导致页面重载问题
android·javascript·flutter
火柴就是我1 天前
flutter rust bridge 编译成so 文件 或者 .a文件 依赖到主项目
flutter·ios·rust
pengyu1 天前
系统化掌握Flutter组件之Transform:空间魔法师
android·flutter·dart