Flutter DropdownButton选中后无法显示新值问题求助

DropdownButton选中选项后始终显示「Filter All Type」，无法展示选中的对应值，尝试相关方案后问题仍存在，相关代码如下：

DropdownButton(
    hint: Text('Filter All Type'),
    value: _typeDataL,
    onChanged: (_newValue) {
        setState(() {
            _typeDataL = _newValue;
            // print(typeDataL);
        });
        print(_newValue);
    },
    items: typeDataL.map((value) {
        return DropdownMenuItem(
            value: value,
            child: new Text(value),
        );
    }).toList(),
),

问题分析与修复方案 #

1. 初始值不匹配
   如果_typeDataL的初始值不在typeDataL数据源列表中，DropdownButton会默认显示hint，且选中新值后可能因值不匹配无法更新显示。需确保_typeDataL初始值为typeDataL中的某一项，或初始化为null（要显示hint的话）。

2. 类型推断问题
   未指定泛型类型可能导致类型不匹配，建议明确DropdownButton和DropdownMenuItem的泛型，确保选中值、数据源值的类型完全一致。

3. 变量名与赋值检查
   确认typeDataL是正确的数据源列表，_typeDataL是用于存储选中值的变量，setState内的赋值逻辑正确。

修复后的示例代码 #

// 在State类中定义变量
List<String> typeDataL = ['类型A', '类型B', '类型C'];
String? _typeDataL; // 初始化为null，默认显示hint

// DropdownButton实现
DropdownButton<String>(
  hint: const Text('Filter All Type'),
  value: _typeDataL,
  onChanged: (String? _newValue) {
    setState(() {
      _typeDataL = _newValue;
    });
  },
  items: typeDataL.map((value) {
    return DropdownMenuItem<String>(
      value: value,
      child: Text(value),
    );
  }).toList(),
)

关键注意点 #

• 明确泛型类型，避免类型推断错误导致的赋值失败。
• 确保_typeDataL的初始值要么是null，要么是typeDataL中的有效元素。
• onChanged的参数类型需与_typeDataL的类型一致，保证赋值逻辑正常执行。

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