flutter Text中英文混排自动换行留白问题

最新推荐文章于 2024-11-19 11:10:50 发布

原创最新推荐文章于 2024-11-19 11:10:50 发布 · 1.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#flutter

探讨在文本内容混排且字符过多的情况下，如何解决TextView中换行留白过多和设置最大行数1时导致的字符隐藏问题，提供一种基于Unicode空格的字符串拆分方法.

文本内容中英文混排且文本过长的情况下，换行时出现大量留白及设置最大行数为1时，后面的字母不显示

//例如:(并没有找到类似原生中TextView的breakStrategy的设置参数)
Text(
                "熬夜欸欸dkjdjakdfjjakjaklfjakdakfjkajflajflddfkfjalkfjkafjkldfjadfjkajfldfjkldfkdffjkjf",
                style: TextStyle(fontSize: 14),
                maxLines: 1,
                overflow: TextOverflow.ellipsis,
              ),

String breakWord(String text) {
    if (text.isEmpty) {
      return text;
    }
    String breakWord = ' ';
    text.runes.forEach((element) {
      breakWord += String.fromCharCode(element);
      breakWord += '\u200B'; //'\u200B'不可见空格符
    });
    return breakWord;
  }