如何让Flutter中TextFormField的InputDecoration suffixText始终可见？

不想复制修改Flutter源码的话，这几种轻量方法更靠谱：

方法一：用Stack手动组合布局 #

直接把TextFormField和后缀文本放在Stack里，完全自己控制显示逻辑，不受原生InputDecoration的限制：

Stack(
  alignment: Alignment.centerRight,
  children: [
    TextFormField(
      decoration: const InputDecoration(
        hintText: '请输入内容',
        // 清空原生的suffixText，避免默认逻辑干扰
      ),
    ),
    // 始终显示的后缀文本，调整右边距避免和输入内容重叠
    Padding(
      padding: const EdgeInsets.only(right: 16),
      child: Text('始终显示的后缀'),
    ),
  ],
)

这种方式完全独立，不管Flutter版本怎么更新，都不会有兼容问题。

方法二：用suffixIcon替代suffixText #

原生的suffixIcon默认是一直显示的，把后缀文本包装一下塞进去就行，调整内边距让位置和原生suffixText对齐：

TextFormField(
  decoration: InputDecoration(
    hintText: '请输入内容',
    suffixIcon: Padding(
      padding: const EdgeInsets.only(right: 8),
      child: Text('始终显示的后缀'),
    ),
    // 可选：隐藏原生suffixText的样式，防止冲突
    suffixStyle: TextStyle(color: Colors.transparent),
  ),
)

这个方法代码量最少，利用现有组件特性，不用额外嵌套布局。

为什么不建议复制源码修改？ #

你提到的复制input_decorator.dart等文件确实弊端明显：

• Flutter版本更新后，得手动同步官方的代码改动，维护成本极高
• 平白增加6000多行冗余代码，完全没必要
• 虽然Flutter采用BSD许可协议，允许修改分发，但改完后的组件无法享受官方后续的bug修复和性能优化

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