Flutter中TextFormField如何配置overflow溢出处理规则

可以实现该需求，分两种常用方案适配不同场景：

方案1：高版本Flutter直接使用内置参数 #

Flutter 2.5及以上版本中，TextFormField已继承EditableText的overflow参数，可直接配置：

TextFormField(
  controller: _yourTextController,
  readOnly: true, // 你的场景为点击唤起弹窗选值，设置只读避免弹出键盘
  maxLines: 1,
  overflow: TextOverflow.ellipsis, // 超出长度后显示省略号
  onTap: () {
    // 原有唤起bottomSheet的逻辑
  },
  // 其他输入框样式配置，如decoration、style等
)

方案2：低版本兼容/自定义程度更高的实现 #

如果项目Flutter版本较低，或者需要更多自定义样式，可以用InputDecorator加Text组件模拟输入框，完全可控溢出逻辑：

InkWell(
  onTap: () {
    // 原有唤起bottomSheet的逻辑
  },
  child: InputDecorator(
    // 完全复用你原来的TextFormField的decoration配置
    decoration: const InputDecoration(
      border: OutlineInputBorder(),
      labelText: '选择项',
      contentPadding: EdgeInsets.symmetric(horizontal: 16, vertical: 12),
    ),
    child: Text(
      _yourTextController.text,
      maxLines: 1,
      overflow: TextOverflow.ellipsis,
      // 配置和原来TextFormField一样的textStyle保证样式统一
      style: const TextStyle(fontSize: 16),
    ),
  ),
)

额外说明 #

• 两种方案都需要配置maxLines: 1才能触发单行溢出截断逻辑。
• 如果你的场景需要保留手动输入能力，不建议做溢出截断，因为输入时文本滚动是默认的交互逻辑，强制截断会导致用户看不到输入的全量内容，影响操作体验。

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