Flutter使用go_router无法访问GoRouterState的params参数问题

• 确认路由定义包含参数占位符
  必须在路由路径中用:参数名声明路径参数，否则params集合为空。示例：

  final router = GoRouter(
    routes: [
      GoRoute(
        path: '/detail/:itemId', // 声明:itemId作为路径参数
        builder: (context, state) {
          final itemId = state.params['itemId']; // 这里可以正常获取参数
          return DetailPage(itemId: itemId!);
        },
      ),
    ],
  );
  

• 检查参数名的一致性
  params的key要和路由占位符完全匹配（区分大小写），比如路由里是:itemId，就不能用state.params['itemid']来获取。

• 验证跳转时参数是否正确传入
  跳转路由时要传入对应参数，两种方式：

  // 方式1：直接拼接路径
  context.go('/detail/456');
  // 方式2：命名路由传参
  context.goNamed('detail', params: {'itemId': '456'});
  

• 排查go_router版本问题
  确保使用稳定版本的go_router，避免旧版本的API差异。在pubspec.yaml中指定合适版本：

  dependencies:
    go_router: ^12.0.0
  

如果以上步骤都完成还是无法获取params，检查代码中是否误把params和queryParams搞混——queryParams是处理?key=value形式的查询参数，和路径参数params是不同的。

内容的提问来源于stack exchange，提问作者Pramod Daware