Flutter实现带内部标签、提示文本、填充色及圆形边框的TextFormField问题

我完全懂你的需求啦——想要做一个带背景色、纯圆角（无边框线条），并且label和hint始终保持指定对齐方式的TextFormField，而且所有状态下样式都不变。你之前的代码已经搞定了大部分功能，就差圆角和label位置的问题，我来帮你调整一下：

问题出在你用了InputBorder.none，这会让TextFormField失去默认的边框参考，导致label的定位出现偏移。我们可以换一种方式实现圆角：用OutlineInputBorder，同时把边框线条设为无，这样既能保留圆角形状，又能让label的位置保持正常。

修改后的完整代码如下：

TextFormField(
  controller: widget.textController,
  obscureText: widget.obscure,
  validator: (value) {
    if (value == null || value.isEmpty) {
      return widget.errorMessage;
    }
    return null;
  },
  cursorColor: hintColor,
  decoration: InputDecoration(
    filled: true,
    fillColor: textfieldFilledColor,
    floatingLabelBehavior: FloatingLabelBehavior.always,
    hintText: widget.hint,
    labelText: widget.label,
    // 核心修改：用OutlineInputBorder实现圆角+无边框线条
    border: OutlineInputBorder(
      borderSide: const BorderSide.none, // 取消边框线条
      borderRadius: BorderRadius.circular(16.0), // 自定义圆角半径，按需调整数值
    ),
    // 可选：如果需要微调label的位置，可以添加内边距
    // labelPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
  ),
)

关键说明： #

1. 圆角实现：通过OutlineInputBorder的borderRadius属性设置圆角，同时用BorderSide.none去掉边框线条，完美满足你“只有圆角形状、无边框颜色”的要求。
2. label位置修复：使用OutlineInputBorder后，TextFormField会以这个圆角容器为参考来定位label，不会再出现跑到边框的问题。如果还是觉得label位置不够贴合，可以通过labelPadding属性微调内边距。
3. 状态一致性：因为我们只设置了border属性，没有单独设置focusedBorder、enabledBorder等，所以所有状态下都会沿用这个圆角无框的样式，符合你的需求。

备注：内容来源于stack exchange，提问作者Garvita03