Flutter中如何消除TextFormField与校验错误提示的间距？

你提到的subtextGap = 8.0是Flutter内置InputDecorator类中的静态常量，负责控制输入框与错误提示文本之间的间距。由于它是静态常量无法直接修改，但可以通过以下两种方案实现间距为0的需求：

方案一：自定义错误提示布局（完全控制间距） #

放弃使用TextFormField默认的errorText，手动在输入框下方添加错误提示文本，这样可以自由设置间距：

final _formKey = GlobalKey<FormState>();
String? _errorMessage;

@override
Widget build(BuildContext context) {
  return Form(
    key: _formKey,
    child: Column(
      mainAxisSize: MainAxisSize.min,
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        TextFormField(
          decoration: InputDecoration(
            labelText: '输入内容',
            border: OutlineInputBorder(),
            // 禁用默认错误提示
            errorText: null,
          ),
          validator: (value) {
            if (value == null || value.isEmpty) {
              setState(() => _errorMessage = '请输入必填内容');
              return ''; // 返回空字符串触发校验状态，但不显示默认提示
            }
            setState(() => _errorMessage = null);
            return null;
          },
        ),
        // 自定义错误提示，间距设为0
        if (_errorMessage != null)
          Padding(
            padding: const EdgeInsets.only(top: 0.0), // 直接设置间距为0
            child: Text(
              _errorMessage!,
              style: TextStyle(
                color: Theme.of(context).colorScheme.error,
                fontSize: 12,
              ),
            ),
          ),
      ],
    ),
  );
}

方案二：通过样式调整抵消默认间距 #

利用errorStyle的行高和位移调整，抵消subtextGap的8px间距：

方式1：压缩错误文本行高 #

TextFormField(
  decoration: InputDecoration(
    labelText: '输入内容',
    border: OutlineInputBorder(),
    errorStyle: TextStyle(
      height: 0, // 把错误文本的行高设为0，压缩垂直空间
      fontSize: 12,
      color: Colors.red,
    ),
    // 可选：调整输入框底部内边距，进一步缩小间距
    contentPadding: EdgeInsets.only(bottom: 4),
  ),
  validator: (value) {
    if (value == null || value.isEmpty) {
      return '请输入必填内容';
    }
    return null;
  },
)

方式2：偏移错误提示位置 #

TextFormField(
  decoration: InputDecoration(
    labelText: '输入内容',
    border: OutlineInputBorder(),
  ),
  validator: (value) {
    if (value == null || value.isEmpty) {
      return '请输入必填内容';
    }
    return null;
  },
  builder: (context, child) {
    return Transform.translate(
      offset: const Offset(0, -8), // 向上偏移8px，抵消subtextGap
      child: child,
    );
  },
)

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