如何移除Flutter中TextFormField组件下方的空白区域？

针对你遇到的TextFormField下划线下方存在空白的问题，结合你的代码，可通过以下方式解决：

方法1：强制单行布局 #

TextFormField默认未限制行数时，会预留多行高度导致空白，添加minLines和maxLines参数强制单行：

TextFormField(
  initialValue: controller.eventTitle ?? widget.event.eventTitle,
  textAlign: TextAlign.center,
  style: mediumTextStyle(textColor: AppColors.sadColor),
  minLines: 1,
  maxLines: 1, // 强制单行，消除预留高度
  onChanged: (val) {
    controller.getEventTitle(val);
  },
  decoration: InputDecoration(
    isDense: true,
    border: InputBorder.none,
    contentPadding: EdgeInsets.only(left: 16, top: 16, bottom: 8),
    hintText: 'Event title *',
    errorStyle: standardTextStyle(
        textColor: AppColors.sadWarningColor),
    hintStyle: standardTextStyle(
        textColor: AppColors.sadColor.withOpacity(0.8)),
  ),
),

方法2：固定输入框高度 #

通过InputDecoration的constraints属性固定高度，同时调整contentPadding让文本适配：

TextFormField(
  // 其他属性保持不变
  decoration: InputDecoration(
    isDense: true,
    border: InputBorder.none,
    contentPadding: EdgeInsets.symmetric(horizontal: 16, vertical: 12),
    constraints: BoxConstraints.tightFor(height: 40), // 自定义高度，消除空白
    hintText: 'Event title *',
    errorStyle: standardTextStyle(
        textColor: AppColors.sadWarningColor),
    hintStyle: standardTextStyle(
        textColor: AppColors.sadColor.withOpacity(0.8)),
  ),
),

方法3：检查父组件布局 #

若上述方法无效，确认输入框所在的父容器（如Column、Container等）是否存在额外的padding或margin，这些也可能导致视觉上的空白区域。

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