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

小蜜蜂嗡嗡

于 2022-11-26 10:21:47 发布

阅读量1.3k

点赞数 1

CC 4.0 BY-SA版权

文章标签： flutter

本文链接：https://blog.youkuaiyun.com/androidhyf/article/details/128048529

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文本内容中英文混排且文本过长的情况下，换行时出现大量留白及设置最大行数为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;
  }