Flutter：TextFormField的contentPadding设置异常，输入文本偏移至顶部的解决方法求助

我来帮你搞定这个TextFormField的对齐问题！你遇到的核心问题出在contentPadding的设置上，咱们一步步拆解：

问题原因 #

你设置了contentPadding: EdgeInsets.fromLTRB(0.0, 0.0, 0.0, 55.0)，这意味着输入内容距离输入框底部有55的间距，但顶部没有任何间距。未输入文本时，label是浮在输入框内部的占位样式，它的布局不受这个padding影响，所以看起来正常；但输入文本后，文本会严格按照contentPadding的规则排列——紧贴顶部、远离底部边框，自然就出现了偏移错位。

解决方案 #

根据你的需求（让输入文本和边框对齐），给你两种常用的调整方式：

方案1：让文本垂直居中对齐

调整contentPadding为上下对称的间距，配合默认的垂直居中对齐，这样文本会始终和边框保持均匀的间距：

InputDecoration buildInputDecoration(String hintText, String labelText, double fontSize) {
  return InputDecoration(
    labelText: labelText,
    labelStyle: TextStyle(
      fontSize: fontSize,
    ),
    // 上下对称的垂直间距，让文本居中
    contentPadding: EdgeInsets.symmetric(vertical: 16.0, horizontal: 0.0),
    // 确保label和输入内容的对齐更协调
    alignLabelWithHint: true,
  );
}

final usernameField = Container(
  child: TextFormField(
    autofocus: false,
    validator: validateEmail,
    onSaved: (value) => _email = value,
    decoration: buildInputDecoration('Confirm password', 'Email', 16),
  )
);

方案2：让文本靠近底部边框对齐

如果你希望输入文本紧贴底部边框，可以结合textAlignVertical和合理的contentPadding：

InputDecoration buildInputDecoration(String hintText, String labelText, double fontSize) {
  return InputDecoration(
    labelText: labelText,
    labelStyle: TextStyle(
      fontSize: fontSize,
    ),
    // 给顶部留少量间距，底部间距缩小
    contentPadding: EdgeInsets.fromLTRB(0.0, 8.0, 0.0, 4.0),
  );
}

final usernameField = Container(
  child: TextFormField(
    // 设置文本垂直靠下对齐
    textAlignVertical: TextAlignVertical.bottom,
    autofocus: false,
    validator: validateEmail,
    onSaved: (value) => _email = value,
    decoration: buildInputDecoration('Confirm password', 'Email', 16),
  )
);

额外提示 #

如果你只是想让label和输入文本之间保持间距，不要直接修改contentPadding（它控制的是内容和边框的距离），应该用labelPadding属性：

labelPadding: EdgeInsets.only(bottom: 10.0), // label和输入内容之间的间距

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