Flutter中如何修改DropdownButtonFormField验证消息的背景色？

方法一：单个组件内直接设置样式 #

如果只需要修改某一个DropdownButtonFormField的验证消息背景色，可在inputDecoration的errorStyle中指定背景属性：

DropdownButtonFormField<String>(
  decoration: InputDecoration(
    // 其他输入框样式配置
    errorStyle: const TextStyle(
      backgroundColor: Colors.yellow, // 验证消息背景色
      color: Colors.red, // 验证消息文本颜色
    ),
  ),
  validator: (value) {
    if (value == null || value.isEmpty) {
      return '请选择有效选项';
    }
    return null;
  },
  items: const [
    DropdownMenuItem(value: '选项1', child: Text('选项1')),
    DropdownMenuItem(value: '选项2', child: Text('选项2')),
  ],
  onChanged: (value) {},
)

方法二：全局Theme统一配置 #

如果希望所有表单组件的验证消息都使用相同样式，可在App的ThemeData中全局设置：

MaterialApp(
  theme: ThemeData(
    inputDecorationTheme: InputDecorationTheme(
      errorStyle: const TextStyle(
        backgroundColor: Colors.yellow,
        color: Colors.red,
      ),
    ),
  ),
  home: const YourHomePage(),
)

方法三：自定义FormField完全控制样式 #

如果前两种方法不生效（部分场景下DropdownButtonFormField的样式会被Theme优先级覆盖），可以直接用FormField自定义下拉框和验证提示区域：

FormField<String>(
  validator: (value) {
    if (value == null || value.isEmpty) {
      return '请选择选项';
    }
    return null;
  },
  builder: (FormFieldState<String> state) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        // 自定义下拉按钮
        DropdownButton<String>(
          value: state.value,
          hint: const Text('请选择'),
          onChanged: (newValue) => state.didChange(newValue),
          items: const [
            DropdownMenuItem(value: '选项1', child: Text('选项1')),
            DropdownMenuItem(value: '选项2', child: Text('选项2')),
          ],
        ),
        // 自定义验证消息容器
        if (state.hasError)
          Container(
            margin: const EdgeInsets.only(top: 4),
            padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 2),
            color: Colors.yellow,
            child: Text(
              state.errorText!,
              style: const TextStyle(color: Colors.red, fontSize: 12),
            ),
          ),
      ],
    );
  },
)

内容的提问来源于stack exchange，提问作者Yohan D. Angulo U.