HarmonyOS 鸿蒙Next arkTS背景图片和背景颜色同时设置时,怎么共存?
HarmonyOS 鸿蒙Next arkTS背景图片和背景颜色同时设置时,怎么共存?
api 9
我给Column设置了背景颜色和背景图片,我希望这2个属性能同时生效,但是效果却是背景颜色覆盖了背景图片。如果注释backgroundColor,backgroundImage是生效的。怎么让他们2个跟css的background可以同时设置,文档又说同时设置时背景颜色在最底部

升级到api10就可以解决,我刚刚试了,
找HarmonyOS工作还需要会Flutter的哦,有需要Flutter教程的可以学学大地老师的教程,很不错,B站免费学的哦:BV1S4411E7LY/?p=17
怎么升级10啊
现在最大不是9吗,
9是稳定版,next内测才能升级高版本,
我也存在这种问题,有没有大佬知道怎么解决
新版可以共存,刚试过了,
同样存在这个问题
存在该问题 +1
存在该问题+1,预览模式和本地真机(Mate40 Pro)都存在
存在该问题 +1
在HarmonyOS鸿蒙Next中,使用ArkTS设置背景图片和背景颜色时,可以通过Stack容器和ZStack组件来实现两者的共存。Stack容器允许子组件按照顺序叠加,从而实现背景颜色和图片的叠加效果。你可以在Stack的最底层放置一个Box组件,设置背景颜色,然后在Stack的上层放置一个Image组件,设置背景图片。代码示例如下:
import { Box, Image, Stack } from '@ohos.arkui';
@Entry
@Component
struct BackgroundExample {
build() {
Stack({ alignment: Alignment.Center }) {
Box() {
// 设置背景颜色
.backgroundColor('#FFA07A')
}
Image($r('app.media.background_image'))
// 设置背景图片
.objectFit(ImageFit.Cover)
}
.width('100%')
.height('100%')
}
}

