Flutter中如何用TextOverflow.ellipsis实现文本显示为Ambattur Ind...？

要让文本尽可能填充可用宽度后再截断（比如从"Ambattur ..."变成"Ambattur Ind..."），只需给Text组件添加两个关键配置：

• 设置softWrap: false：强制文本不自动换行，跳过单词边界限制，直接按字符截断
• 显式声明maxLines: 1（默认值就是1，显式写出来更清晰）

修改后的完整代码：

Expanded(
  child: Text(
    "Ambattur Industrial Estate",
    style: const TextStyle(
      fontSize: 15,
      fontWeight: FontWeight.bold,
      color: Colors.black,
    ),
    overflow: TextOverflow.ellipsis,
    maxLines: 1,
    softWrap: false, // 核心配置，取消单词边界截断限制
  ),
),

原因说明 #

默认情况下，Text组件的softWrap为true，会优先在完整单词末尾截断文本（避免拆分单词），这就导致即使容器还有剩余宽度，也会提前显示省略号。开启softWrap: false后，文本会忽略单词完整性，尽可能填满可用宽度后再添加省略号，从而显示更多字符。

另外需要确认：Expanded所在的父容器（比如Row）没有额外的padding或margin占用空间，确保Text能获取到最大的可用宽度。

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