HarmonyOS 鸿蒙Next Text 组件文字如何根据剩余空间自动缩小？

麻烦问下Text 组件文字如何根据剩余空间自动缩小？是否有类似安卓的auto_font_size 之类的接口？

目前鸿蒙没有类似安卓的auto_font_size的接口，可以设置文本在容器中超出隐藏，让文本不超出容器区域，案例如下：

[@Entry](/user/Entry)

[@Component](/user/Component)

struct Page8 {

  build() {

    Row(){

      Text('This is set textOverflow to Ellipsis text content This is set textOverflow to Ellipsis text content.'.split('')

        .join('\u200B'))

        .textOverflow({ overflow: TextOverflow.Ellipsis })

        .maxLines(1)

        .fontSize(16)

        .padding(10)

    }

    .height(300).width(350)

  }

}

bupafengyu 2楼•2 天前作者

在HarmonyOS鸿蒙Next中，Text组件文字根据剩余空间自动缩小，可以通过设置minFontSize和maxFontSize属性，并结合maxLines属性来实现文本的自适应大小。

具体来说，当Text组件的宽度固定时，如果文本内容超出该宽度，系统会根据设置的minFontSize和maxFontSize自动调整文字大小，以确保文本内容在固定宽度内完全显示。同时，maxLines属性用于限制文本的最大行数，当文本行数超过此限制时，可以结合textOverflow属性来处理超出部分的显示方式，如显示省略号等。

以下是一个示例代码：

@Entry
@Component
struct Index {
  build() {
    Column() {
      Text('示例文本')
        .width(100)
        .maxLines(1)
        .minFontSize(10)
        .maxFontSize(20)
    }
  }
}

上述代码中，Text组件的宽度被设置为100，当文本内容超出这个宽度时，文字大小会在10到20之间自动调整。

如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html 。