鸿蒙ArkUI使用顶部图片沉浸式expandSafeArea设置无效的问题
·

如上图所示,
给image设置expandSafeArea,swiper中的图片并没有显示到状态栏上。
Swiper() {
ForEach(this.dogImages, (item: string, index) => {
Image(item).objectFit(ImageFit.Cover).expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP])
.width('100%').height('30%')
})
}.clip(false)
.loop(true)
.autoPlay(true)
.interval(5000)
安全区的适配仅仅对Column、Row、Image这些组件有效,ArkUI的安全区仅仅是拓展显示,并不支持将组件显示在状态栏相交的区域内。
clip默认是开启的,当tabs父节点设置clip时,子节点不能扩展安全区域,需要.clip(false)子节点才能扩展。
所以需要对Image的父组件添加.clip(false),父组件的父组件也需要添加。

更多推荐

所有评论(0)