Flutter中DropdownButtonFormField混用selectedItemBuilder与hint报类型错误求助

这个错误的根源有两处，我来一步步帮你修正：

1. 先修正变量类型定义的低级错误 #

你的代码里_items的类型声明明显有误——你用列表[]初始化变量，但却把类型写成了Map<String, String>，这会导致Dart类型系统混乱，进而触发后续的运行时异常。

把_items的类型改成List<Map<String, String>>：

final List<Map<String, String>> _items = [
  {
    'name': "India",
    'code': "+91",
  },
];

2. 解决selectedItemBuilder与hint的类型冲突 #

错误信息type 'DefaultTextStyle' is not a subtype of type 'Text' of 'value'，是因为Flutter内部处理selectedItemBuilder返回的组件和hint组件时，期望两者的类型保持一致。默认情况下hint的Text会被DefaultTextStyle包裹，而你直接返回Text作为选中项的组件，就会出现类型不匹配的问题。

解决方法很简单：给selectedItemBuilder返回的Text外层包裹一个容器组件（比如Container），同时把hint也改成同样的结构，让两者类型统一：

修正后的完整代码 #

final List<Map<String, String>> _items = [
  {
    'name': "India",
    'code': "+91",
  },
];
Map<String, String> _seletedValue; // 初始为null，不影响功能

DropdownButtonFormField(
  selectedItemBuilder: (_) {
    return _items
        .map(
          (country) => Container(
            child: Text(
              "${country['name']} (${country['code']})",
              style: TextStyle(
                color: Colors.black,
              ),
            ),
          ),
        )
        .toList();
  },
  dropdownColor: Color(0xFF4C4F89),
  style: TextStyle(
    color: Colors.white,
  ),
  items: _items
      .map(
        (country) => DropdownMenuItem(
          child: Text(
            "${country['name']} (${country['code']})",
            style: TextStyle(
              color: Colors.white,
            ),
          ),
          value: country,
        ),
      )
      .toList(),
  onChanged: (value) {
    setState(() {
      _seletedValue = value;
    });
  },
  hint: Container(
    child: Text('Select your country'),
  ),
)

为什么这样修改有效？ #

• 包裹Container后，selectedItemBuilder返回的组件类型变成Container，和hint的Container类型一致，Flutter内部处理时就不会出现类型转换错误。
• 修正_items的类型后，Dart的类型检查能正常工作，避免了潜在的类型混乱问题。

这样修改后，你的下拉选择器就能正常显示hint，选中后也能正确展示自定义的文本样式了。

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