新版Flutter中如何将DropdownButtonFormField重置为初始值或选中首个选项

DevOps 小满

2026-9-27

Flutter 新版DropdownButtonFormField重置方案

错误原因

你声明的GlobalKey类型不匹配：当前使用`GlobalKey<FormState>`绑定`DropdownButtonFormField`，但后者对应的State类型为`DropdownButtonFormFieldState<T>`（T为你的选项值类型，此处为int），所以`currentState`会返回null，导致空值报错，调用`reset()`自然无响应。

修复步骤

1. 修正GlobalKey类型

将原有key声明替换为对应类型：

// 替换原有的GlobalKey<FormState>声明
final etSkillScore1Key = GlobalKey<DropdownButtonFormFieldState<int>>();

2. 重置逻辑实现

有两种可选方案，按需选择即可：

方案1：调用表单字段自带reset方法

修改完key类型后直接调用reset即可生效，会自动重置为初始声明的etSkillScore1值：

IconButton(
  onPressed: () {
    etSkillScore1Key.currentState?.reset();
  },
  icon: const Icon(Icons.close),
)

方案2：手动重置绑定值（更灵活，可自定义重置目标）

如果需要自定义重置为首个选项，直接修改绑定的etSkillScore1变量后触发页面刷新即可，不需要依赖key：

IconButton(
  onPressed: () {
    setState(() {
      // 重置为初始值，若要选中首个选项替换为 priorities2.first.value 即可
      etSkillScore1 = null; // 或者填写你定义的初始默认值
    });
  },
  icon: const Icon(Icons.close),
)