在HarmonyOS NEXT开发中文字背景局部拉伸问题？

Question

在HarmonyOS NEXT开发中文字背景局部拉伸问题？问题场景：
1.backgroundImageResizable设置无作用,Image设置resizable是可以的
2.如何让同级控件宽度自适应文字宽度

Answer 1

获取文本长度的方式参考文档，让backgroundImageSize改为文字的宽度：https://developer.huawei.com/consumer/cn/doc/harmonyos-refere...
实现方式demo：

import measure from '@ohos.measure' 
 
@Entry 
@Component 
struct IR240513200608052 { 
  @State message: string = 'Hello World啊哈哈哈哈哈哈哈哈哈'; 
  @State textWidth: number = measure.measureText({ textContent: this.message }) 
 
  build() { 
    Column() { 
      Text(this.message) 
        .backgroundImage($r('app.media.startIcon')) 
        .backgroundImageResizable({ 
          slice: { 
            top: 3, 
            left: 3, 
            bottom: 3, 
            right: 3 
          } 
        }) 
        .backgroundImageSize({ width: this.textWidth }) 
    }.height('100%').width('100%') 
  } 
}