HarmonyOS 文案超长显示省略号？

Question

文案有可能超长，超长显示…

Answer 1

代码实现如下：

@Entry
@Component
struct Index {
  @State text: string = '合集·哈哈哈哈';

  build() {
    Column() {
      Row() {
        Image($r('app.media.startIcon'))
          .height(32)
          .width(32)
        Text(this.text)
          .maxLines(1)
          .flexShrink(1)
          .textOverflow({overflow: TextOverflow.Ellipsis})
          .fontSize(20)
        Text('更新7集')
          .fontSize(10)
      }
      .onClick(() => {
        this.text += '哈';
      })
      .width('80%')
      .height(50)
    }
    .height('100%')
    .width('100%')
    .justifyContent(FlexAlign.Center)
  }
}