Flutter中DropdownButton调用setState后选中项UI不更新问题

核心问题：你给DropdownButton配置了onChanged来更新状态，但没有绑定value属性，导致UI无法感知当前选中的_category值，自然不会显示选中项。

修复步骤： #

1. 给DropdownButton添加value参数，绑定到_category
2. 修正State类里的初始化方法名错误（你写的是init()，应该是initState()）
3. 处理初始空值的情况：因为你的merchantCategories里没有value为空的选项，初始状态下_category为空字符串，此时DropdownButton会显示hint，选中后会自动切换为对应选项文本

修改后的完整代码片段： #

变量初始化部分：

class _MyClass extends State<MyClass> {
  late String _category = '';

  @override
  void initState() { // 修正方法名
    _category = '';
    super.initState();
  }
}

DropdownButton实现部分：

DecoratedBox(
  decoration: BoxDecoration(
      border: Border.all(width: 1),
      borderRadius: BorderRadius.circular(4)),
  child: DropdownButton<String>(
      underline: Container(),
      borderRadius: BorderRadius.circular(8),
      hint: const Text('Select Merchant Category'),
      value: _category.isEmpty ? null : _category, // 绑定value，空值时设为null显示hint
      items: merchantCategories,
      onChanged: (value) => setState(() => _category = value!)),
),

解释：当_category为空时，把value设为null，DropdownButton会显示hint；选中选项后，_category被赋值为对应选项的value，UI会自动显示该选项的文本。

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