You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.07 08:55:21