Flutter GoRouter传递List<dynamic>参数报错:String无法赋值给List
问题原因
GoRouter的路由路径参数(state.params)本质上只能存储字符串类型——因为URL本身仅支持字符串格式的参数传递。你直接将List<dynamic>放到路径参数中,它会被自动转为字符串形式,传递到接收页后自然无法直接赋值给List<dynamic>类型的变量,这就是报错的核心原因。
另外你的路由配置里name字段存在语法错误,多余的逗号会导致路由匹配异常,需要修正。
解决方法
推荐两种常用方案:
方案1:使用extra参数传递复杂类型
extra是GoRouter专门用来传递非字符串、复杂对象的参数,用法简单直接:
修改路由配置
GoRoute( path: 'editusers/:name', name: 'editusers', builder: (BuildContext context, GoRouterState state) { // 从extra中取出List并强转类型 final userInfo = state.extra as List<dynamic>; return EditUserPage( name: state.params["name"]!, userinformation: userInfo, ); }, )
跳转时传递参数
context.goNamed( 'editusers', params: {'name': '你的用户名'}, extra: ['用户信息1', 25, true], // 这里传入你的List<dynamic>数据 );
方案2:将List序列化为JSON字符串传递
如果需要把参数暴露在URL中(比如支持页面分享),可以将List转为JSON字符串作为路径参数,接收时再反序列化为List:
跳转时序列化List
import 'dart:convert'; // 将List转为JSON字符串 final userInfoStr = jsonEncode(['用户信息1', 25, true]); context.goNamed( 'editusers', params: { 'name': '你的用户名', 'userinformation': userInfoStr, }, );
修改路由配置并反序列化
import 'dart:convert'; GoRoute( path: 'editusers/:name/:userinformation', name: 'editusers', builder: (BuildContext context, GoRouterState state) { // 将字符串反序列化为List final userInfo = jsonDecode(state.params["userinformation"]!) as List<dynamic>; return EditUserPage( name: state.params["name"]!, userinformation: userInfo, ); }, )
方案对比
- 方案1(
extra):实现简单,性能更好,适合内部页面跳转;但参数不会出现在URL中,无法通过URL直接恢复页面状态。 - 方案2(JSON序列化):参数暴露在URL中,支持页面分享;但需要确保List内的元素都能被JSON序列化(比如自定义对象需要手动实现序列化逻辑)。
内容的提问来源于stack exchange,提问作者Abu Qudama
相关产品推荐
相关产品推荐

