组件设置背景图,图片无法铺满?

text组件通过backgroundImage设置背景图片,通过backgroundImageSize分别设置了ImageSize.Cover、ImageSize.Contain、ImageSize.Auto,都无法使背景图随着文字的长短不同,始终铺满

阅读 840
1 个回答
@Entry
@Component
struct Index3 {
  @State message: string = 'AAAA';
  @Builder textBackground() {
  Column() {
  Image($r('app.media.textbg'))
  .objectFit(ImageFit.Fill)
  .width('100%')
  .height('100%')
}
}
build() {
Row() {
Stack() {
Text(this.message)
.fontSize(30)
.fontWeight(FontWeight.Bold)
.onClick(() => {
this.message = this.message + "B"
})
}
.padding({right:15})
.background(this.textBackground)
}
.height('100%')
}
}

通过background设置

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进