Flutter如何阻止Text组件以"/"为换行符自动换行？

直接给Text组件添加wordBreak: WordBreak.breakAll配置即可，修改后的代码如下：

Flexible(
  child: Text(
    longString ?? '',
    style: TextStyle(
      color: Colors.black,
      fontSize: 14,
      fontWeight: FontWeight.w500,
    ),
    wordBreak: WordBreak.breakAll, // 关键配置
  ),
),

原理说明 #

Flutter默认的wordBreak值是WordBreak.breakWord，会把/这类符号当作单词分隔符，优先在这些位置换行。设置为WordBreak.breakAll后，文本会忽略单词边界，在屏幕宽度不足以容纳剩余内容时，直接在最后一个能放下的字符后换行，不会刻意在/处拆分。

如果你的Flutter版本较低（低于3.10），wordBreak属性可能不存在，这时候可以用另一种方法：把字符串中的/替换成/\u2060（零宽非连接符），让Flutter认为/和后面的字符是一个整体，避免被拆分。代码示例：

Flexible(
  child: Text(
    (longString ?? '').replaceAll('/', '/\u2060'),
    style: TextStyle(
      color: Colors.black,
      fontSize: 14,
      fontWeight: FontWeight.w500,
    ),
  ),
),

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