Flutter DropdownButtonFormField2：保留Validator时如何自定义错误Widget内边距？

有两种可行方案，均无需放弃validator字段，具体如下：

方案一：利用errorWidget参数自定义（灵活度高） #

DropdownButtonFormField2自带errorWidget参数，可接收validator返回的错误文本，将其包裹在带自定义内边距的Widget中：

DropdownButtonFormField2(
  validator: (value) {
    if (value == null || value.isEmpty) {
      return '请选择选项';
    }
    return null;
  },
  // 自定义错误提示的内边距与样式
  errorWidget: (errorText) {
    return Padding(
      padding: const EdgeInsets.only(top: 8, left: 12, bottom: 2), // 按需调整内边距
      child: Text(
        errorText!,
        style: const TextStyle(color: Colors.red, fontSize: 12), // 也可同步修改文本样式
      ),
    );
  },
  items: const [
    DropdownMenuItem(value: '选项1', child: Text('选项1')),
    DropdownMenuItem(value: '选项2', child: Text('选项2')),
  ],
  decoration: InputDecoration(
    labelText: '选择选项',
    border: OutlineInputBorder(),
  ),
)

此方案除调整内边距外，还能自由修改错误提示的字体、颜色、背景等样式。

方案二：通过InputDecoration的errorPadding设置（简洁高效） #

若仅需调整内边距，直接在decoration的InputDecoration中配置errorPadding即可：

DropdownButtonFormField2(
  validator: (value) {
    if (value == null || value.isEmpty) {
      return '请选择选项';
    }
    return null;
  },
  items: const [
    DropdownMenuItem(value: '选项1', child: Text('选项1')),
    DropdownMenuItem(value: '选项2', child: Text('选项2')),
  ],
  decoration: InputDecoration(
    labelText: '选择选项',
    border: OutlineInputBorder(),
    // 直接指定错误文本的内边距
    errorPadding: const EdgeInsets.symmetric(vertical: 6, horizontal: 10),
  ),
)

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