Flutter中如何让TextFormField的标签文本固定显示在输入框上方？

要让TextFormField的标签固定显示在输入框正上方，无需额外添加独立Text组件，可通过以下修改实现：

• 将floatingLabelBehavior设置为FloatingLabelBehavior.always，这个属性会强制标签始终保持在输入框上方的浮动状态，不受输入框焦点或内容的影响。
• 可通过labelStyle自定义标签的字体大小、颜色等样式，同时调整contentPadding优化标签与输入区域的间距。

示例代码：

TextFormField(
  decoration: InputDecoration(
    labelText: '用户名',
    // 核心设置：让标签始终固定在上方
    floatingLabelBehavior: FloatingLabelBehavior.always,
    // 自定义标签样式
    labelStyle: TextStyle(
      fontSize: 16,
      color: Colors.grey[700],
    ),
    border: OutlineInputBorder(),
    // 调整内边距，优化排版
    contentPadding: EdgeInsets.symmetric(horizontal: 16, vertical: 12),
  ),
)

原设置的FloatingLabelBehavior.auto是默认行为，仅在输入框获得焦点或已有内容时才会将标签浮到上方，这就是它无法满足需求的原因。

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