HarmonyOS 组件设置属性无效果

父组件为Column,设置expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP)属性无效果,设置expandSafeArea([SafeAreaType. CUTOUT], [SafeAreaEdge.TOP)属性也无效果。Column的子组件为Image,位于页面顶部,想使顶部图片沉浸显示,扩展至屏幕顶部(布局超过状态栏)。

HarmonyOS
2024-10-18 09:55:06
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zxjiu

可以参考以下开发指南,使用expandSafeArea属性设置,使页面内组件无视顶部状态栏和底部导航栏的占用,达到沉浸式布局效果:

.expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP, SafeAreaEdge.BOTTOM])

开发指南:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-develop-apply-immersive-effects-V5#section89942014473

以下demo是expandSafeArea属性的动态变化demo:

// Index.ets  
@Entry  
@Component  
struct Index {  
  @State message: string = 'Hello World'  
  private controller: TabsController = new TabsController()  
  @State selfFadingFade: boolean = true;  
  @State currentIndex: number = 0  
  @State isTrue: boolean = false;  
  build() {  
    Column() {  
      Image($r("app.media.ic_app_background"))  
        .height('100%').width('100%')  
        .expandSafeArea(this.isTrue ? [] : [SafeAreaType.SYSTEM],  
          this.isTrue ? [] : [SafeAreaEdge.TOP, SafeAreaEdge.BOTTOM]) // 图片组件的绘制区域扩展至状态栏和导航条。  
        Button("切换").onClick(() => {  
        this.isTrue = !this.isTrue  
      })  
  
    }  
  }  
}
分享
微博
QQ
微信
回复
2024-10-18 18:29:16
相关问题
HarmonyOS camera设置对焦无效果
334浏览 • 1回复 待解决
HarmonyOS 设置 bodercolor 无效
323浏览 • 1回复 待解决
HarmonyOS 手机震动接口调用无效果
261浏览 • 1回复 待解决
HarmonyOS bindPopup设置color无效
721浏览 • 0回复 待解决
Web组件domStorageAccess属性设置
2303浏览 • 1回复 待解决
组件如何设置模糊效果
1828浏览 • 1回复 待解决
如何设置组件透明效果
2181浏览 • 1回复 待解决
如何动态设置组件属性的值
850浏览 • 1回复 待解决
组件设置visibility属性的回调
495浏览 • 2回复 待解决
HarmonyOS 相机打开闪光灯设置无效
950浏览 • 1回复 待解决
Refresh组件不支持设置nestedScroll属性
1908浏览 • 1回复 待解决
List组件的initialIndex属性设置不生效
2229浏览 • 1回复 待解决