Text想要展示一行鳖粟,顯示不下展示省略號劈伴,通常使用overflow: TextOverflow.ellipsis,
缺陷: 會將長字母或者數(shù)字串整體顯示省略
例子: 分組YD-YXTJA-2102217-001113123123123123123,可能會顯示成:分組YD-…
解決方案:將每個字符串之間插入零寬空格
String breakWord(String word) {
if (word == null || word.isEmpty) {
return word;
}
String breakWord = ' ';
word.runes.forEach((element) {
breakWord += String.fromCharCode(element);
breakWord += '\u200B';
});
return breakWord;
}
調(diào)用
Text(
breakWord("YD-YXTJA-2102217-001113123123123123123"),
maxLines: 1,
overflow: TextOverflow.ellipsis,
)