鸿蒙插入背景图片

项目场景：

在鸿蒙项目中插入背景图片

---

问题描述

提示：这里描述项目中遇到的问题：

插入图片后直接将项目页面覆盖

Image($r('app.media.backgroud'))
.width("100%")
.height("100%")
  .opacity(0.5) // 根据需要调整透明度

---

原因分析：

提示：这里填写问题的分析：

该代码仅仅插入一张图片，因此就覆盖了项目页面。

---

解决方案：

提示：这里填写该问题的具体解决方案：

添加stack容器，这样就可以显示出了其他组件

 build() {
     Stack(){
      Image($r('app.media.backgroud'))
      .width("100%")
      .height("100%")
        .opacity(0.5) // 根据需要调整透明度
column{//其他组件}
}
}