如何借助InputDecoration在TextFormField上方添加文本？拒绝Column方案

你可以通过InputDecoration的labelText配合floatingLabelBehavior参数实现需求，无需嵌套Column布局，代码示例如下：

TextFormField(
  decoration: InputDecoration(
    labelText: 'Email',
    // 核心参数：强制标签始终显示在输入框上方
    floatingLabelBehavior: FloatingLabelBehavior.always,
    // 可选：自定义标签样式，匹配你的UI设计
    floatingLabelStyle: const TextStyle(
      fontSize: 16,
      color: Colors.black87,
    ),
    border: const OutlineInputBorder(),
  ),
)

参数说明： #

• labelText：设置需要显示的标签文本
• floatingLabelBehavior: FloatingLabelBehavior.always：让标签固定悬浮在输入框顶部，不会随输入框焦点状态切换到输入框内部
• floatingLabelStyle：可调整标签的字体大小、颜色等样式，让布局更贴合你的视觉需求

这个方案完全利用InputDecoration的内置功能，实现你要的标签在输入框上方的效果。

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