Flutter中如何通过setState修改DropdownButtonFormField的选中值

问题出在你没有给DropdownButtonFormField绑定value属性，手动选择选项后，组件会维护自己的内部状态，此时外部修改selectedNumber并触发setState，组件不会同步更新。

修复步骤： #

1. 给DropdownButtonFormField添加value属性，绑定selectedNumber，但要处理"Select"这个特殊值——当selectedNumber是"Select"时，value设为null（因为Dropdown的value为null时会显示hint）。
2. 调整hint的显示逻辑，确保和selectedNumber状态一致。

修改后的下拉组件代码：

String selectedNumber = "5"; 

DropdownButtonFormField<String>(
    hint: const Text("Select"),
    // 当selectedNumber是"Select"时，value设为null，让hint显示
    value: selectedNumber == "Select" ? null : selectedNumber,
    items: _durationList.map((value) {
        return DropdownMenuItem<String>(
            value: value,
            child: Text(value),
        );
    }).toList(),
    onChanged: (value) {
        setState(() {
            // 选择选项时，把selectedNumber设为对应值，不再用"Select"
            selectedNumber = value!;
            _selectedNumberController.text = value;
        });
    },
),

触发修改的代码保持不变：

setState(() {
    selectedNumber = "Select";
    _selectedNumberController.text = "";
});

原理说明： #

• 绑定value属性后，DropdownButtonFormField会完全依赖外部的selectedNumber状态，不再维护内部选中状态。
• 当selectedNumber设为"Select"时，value变为null，组件会显示你设置的hint文本，同时清空输入控制器的内容，和需求完全匹配。

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