Flutter中如何给DropdownButton传入Map数据并解决参数类型不匹配报错

错误根源 #

DropdownButton的items参数要求传入List<DropdownMenuItem>类型的数据，你当前的写法有两个问题导致类型不匹配：

• 直接对Map<dynamic,String>类型调用.map()方法，返回的是Map类型的映射结果，而非DropdownMenuItem的集合
• 调用.map()后没有执行.toList()方法，无法将迭代器转为Dropdown要求的List格式

解决方案 #

首先根据你的业务需求选择遍历Map的键、值或者键值对，最后调用.toList()转换为List即可，以下是两种常用场景的示例：

场景1：使用Map的键作为选中值，Map存储的字符串作为展示文本 #

// 假设你持有的Map变量名为 unitMap
DropdownButton(
  // 此处省略value、onChanged等其他必填参数
  items: unitMap.entries.map(
    (entry) => DropdownMenuItem(
      // 特殊逻辑保留，按需修改
      child: entry.key == TimeUnit.calendarYear
          ? const Text("year")
          : Text(entry.value),
      value: entry.key,
    ),
  ).toList(), // 必须添加toList()完成类型转换
)

场景2：仅遍历Map的键，保留你原有展示逻辑 #

DropdownButton(
  // 此处省略其他参数
  items: unitMap.keys.map(
    (e) => DropdownMenuItem(
      child: e == TimeUnit.calendarYear
          ? const Text("year")
          : e.toString().length == 3
              ? Text(e.toString())
              : Text(e.toString().split(".")[1]),
      value: e,
    ),
  ).toList(), // 必须添加toList()
)

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