如何将DropdownFormField返回值从String?转为String并解决空值报错问题

你遇到的报错是两处代码逻辑不合理共同导致的：

• validator写法错误：你当前使用val!.isEmpty做校验，当用户未选择任何选项时val为null，空值断言!会直接抛出空错误，根本不会执行到后面返回错误提示的逻辑，表现为校验没有触发。
• 类型强转未处理空场景：onChanged回调的入参本身就是可空类型String?，你直接用as String强转，当val为null时会直接抛出类型转换错误。

按下面三步调整代码即可解决：

1. 修正validator校验逻辑，先判空再判断内容是否为空：

validator: (val) {
  if (val == null || val.trim().isEmpty) {
    return 'Fill the field';
  }
  return null;
},

调整后val为null时会直接返回错误提示，不会触发空断言报错。

2. 调整onChanged赋值逻辑，仅在val不为空时给gender赋值：

onChanged: (val) {
  setState(() {
    if (val != null) {
      gender = val;
    }
  });
},

Dart的类型提升机制会自动将非空的val识别为String类型，不需要强制类型转换，也不会出现空赋值错误。

3. 确保保存逻辑优先触发表单全局校验
   你需要给包裹所有表单字段的Form组件绑定全局key，点击保存时先调用校验方法，校验通过再执行后续提交逻辑：

// 全局定义Form的key
final _formKey = GlobalKey<FormState>();

// 保存按钮点击逻辑
void handleSave() {
  // 校验所有表单字段
  if (_formKey.currentState!.validate()) {
    // 校验通过后再执行提交、数据保存等逻辑，此时gender必然为有效值
  }
}

可以将_selectedValue的初始值设为null而不是空字符串，未选择时validator会直接触发必填提示，符合表单交互逻辑。

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