程序问答   发布时间:2022-06-01  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了文本溢出不适用于额外的行大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决文本溢出不适用于额外的行?

开发过程中遇到文本溢出不适用于额外的行的问题如何解决?下面主要结合日常开发的经验,给出你关于文本溢出不适用于额外的行的解决方法建议,希望对你解决文本溢出不适用于额外的行有所启发或帮助;

Text.overflow 不适用于新行:

Text(text,maxlines: 3,overflow: TextOverflow.ellipsis)

有 3 行,最后一行太长,溢出有效,但有 4 行,显示前 3 行并且不存在省略号:

line1
line2
line3
line4

结果是

line1
line2
line3

没有添加省略号,我在期待

line1
line2
line3...

line1
line2
line3
...

有什么办法吗?我更愿意保留隔断线。

解决方法

你需要的是expandable_text:

ExpandableText(
        longText,expandText: '...',collapseText: '',maxLines: 3,linkColor: Colors.black,);
,

如果您的文本包含断线@H_450_45@或“\n” 那么它不被识别为溢出@H_450_45@。 如果文本在干扰隔断线之前没有溢出父级的宽度,则省略号不会出现

试试这个就行了

Text(" Lorem ipsum,or lipsum as it is sometimes known,is dummy text used in laying out print,graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book,ipsum,graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book.",overflow: TextOverflow.ellipsis)

大佬总结

以上是大佬教程为你收集整理的文本溢出不适用于额外的行全部内容,希望文章能够帮你解决文本溢出不适用于额外的行所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: