鸿蒙Next ArkTS中如何设置Text最大行数为2行并在超长时第二行尾部显示省略号

在鸿蒙Next的ArkTS中，如何设置Text组件的最大行数为2行，并在文本超长时让第二行尾部自动显示省略号？尝试过maxLines属性但无法实现第二行省略效果，请问正确的实现方式是什么？

2 回复

在Text组件里，设置maxLines={2}和textOverflow='ellipsis'就行啦！这样超过两行就会在第二行末尾显示省略号，简单又优雅~

更多关于鸿蒙Next ArkTS中如何设置Text最大行数为2行并在超长时第二行尾部显示省略号的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在鸿蒙Next的ArkTS中，可以通过maxLines和textOverflow属性实现Text组件最多显示2行，并在第二行末尾显示省略号。

代码示例：

Text('这是一个很长的文本内容，当超过两行时会在第二行末尾显示省略号...')
  .maxLines(2)
  .textOverflow({ overflow: TextOverflow.Ellipsis })
  .fontSize(16)

参数说明：

  • maxLines(2)：限制最大显示行数为2行
  • textOverflow({ overflow: TextOverflow.Ellipsis })：设置文本溢出时显示省略号

注意：确保Text组件有明确的宽度约束，否则可能无法正确触发省略号效果。

回到顶部