在HarmonyOS NEXT中 backgroundImageSize(ImageSize.Cover)属性设置不生效的解决方法？

Question

在HarmonyOS NEXT中 backgroundImageSize(ImageSize.Cover)属性设置不生效的解决方法？

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。

Answer 1

可以使用Stack组件进行实现，示例如下：

@Entry 
@Component 
struct SafeAreaExample1 { 
  build() { 
    Stack() { 
      Image($r('app.media.appbg')) 
        .height('100%').width('100%') 
        .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP, SafeAreaEdge.BOTTOM]) // 图片组件的绘制区域扩展至状态栏和导航条。 
      Column() { 
        Button() { 
          Text("登 陆") 
            .fontColor(Color.White) 
        } 
        .backgroundColor("#3866e9") 
        .type(ButtonType.Normal) 
        .width("100%") 
        .height("45") 
        .borderRadius(8) 
        .onClick(() => { 
        }) 
      } 
      .margin({ left: 30, right: 30, top: 20 }) 
    }.height('100%').width('100%') 
  } 
}

参考https://developer.huawei.com/consumer/cn/doc/harmonyos-guides...