Flutter中如何移除TextFormField下方的错误提示预留空间？

TextFormField默认会为错误提示文本预留固定高度布局，仅隐藏错误文本不会回收这部分空间，按以下方案配置即可生效：

• 方案1：保留校验能力，仅移除错误行预留空间（最常用）
  给TextFormField的decoration参数做如下配置，核心是将错误文本的行高、字号设为0，同时开启紧凑布局：

  TextFormField(
    // 原有controller、validator、键盘类型等配置保留
    decoration: InputDecoration(
      isDense: true, // 开启紧凑布局，移除默认冗余边距
      // 核心配置：错误文本不占布局高度
      errorStyle: const TextStyle(height: 0, fontSize: 0),
      // 可选配置：校验错误时保持边框样式和常态一致，不需要可以删掉
      errorBorder: const OutlineInputBorder(
        borderSide: BorderSide(color: Colors.grey, width: 1),
        borderRadius: BorderRadius.all(Radius.circular(8)),
      ),
      focusedErrorBorder: const OutlineInputBorder(
        borderSide: BorderSide(color: Colors.blue, width: 1),
        borderRadius: BorderRadius.all(Radius.circular(8)),
      ),
      // 原有hintText、普通边框、内边距等配置保留
    ),
  )
  

• 方案2：不需要默认内边距时直接用折叠式装饰
  如果你不需要TextFormField默认的上下内边距，可以直接使用InputDecoration.collapsed构造，该构造默认不会为错误提示、帮助文本预留布局空间：

  TextFormField(
    // 原有业务配置保留
    decoration: InputDecoration.collapsed(
      hintText: '请输入内容',
      border: const OutlineInputBorder(), // 自定义需要的边框样式
    ),
  )
  

常见不生效原因排查 #

• 仅将错误文本颜色设为透明，未设置height:0和fontSize:0：此时文本不可见但仍会占据布局高度
• 外层Container或SizedBox写死了固定高度，挤压/限制了TextFormField的布局空间，建议移除固定高度约束再调试
• 未开启isDense: true：默认InputDecoration自带的上下冗余边距会被误认为是错误提示预留空间

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