Flutter文本溢出问题：长单词被整体替换为省略号的解决咨询

问题场景 #

给Text组件设置maxLines: 1, overflow: TextOverflow.ellipsis时，若首个单词后存在超长单词，整个长单词会被直接替换成省略号。例如：
输入文本："Some laaaaaaaaaaarge text"
实际显示：

Screen Start|Some ...         | Screen end

期望显示：

Screen Start|Some laaaaaaaa...| Screen end

添加softWrap: true无法解决该问题。

解决方案 #

在Text组件的style中设置wordBreak: WordBreak.breakAll，强制文本在任意字符处截断，而非以完整单词为单元判断是否溢出。示例代码：

Text(
  "Some laaaaaaaaaaarge text",
  maxLines: 1,
  overflow: TextOverflow.ellipsis,
  style: TextStyle(
    wordBreak: WordBreak.breakAll,
  ),
)

原理说明 #

Flutter默认的wordBreak值为WordBreak.normal，会遵循语言规则（如英文以空格拆分单词），将超长单词视为不可拆分的整体。当剩余空间无法容纳整个长单词时，就会把整个单词替换为省略号。而WordBreak.breakAll会忽略单词边界，允许在单词内部截断，从而实现保留部分长单词内容后添加省略号的效果。

内容的提问来源于stack exchange，提问作者Андрей Макаренко