#鸿蒙学习大百科#通过setWindowLayoutFullScreen接口将应用界面全屏后与状态栏和底部导航栏内容重叠了

//1.获取状态栏、底部导航条的高度
windowClass.on('avoidAreaChange', (data) => {
  if (data.type === window.AvoidAreaType.TYPE_SYSTEM) {
    let topRectHeight = data.area.topRect.height;
    AppStorage.setOrCreate('topRectHeight', topRectHeight);
  } else if (data.type == window.AvoidAreaType.TYPE_NAVIGATION_INDICATOR) {
    let bottomRectHeight = data.area.bottomRect.height;
    AppStorage.setOrCreate('bottomRectHeight', bottomRectHeight);
  }
});
@Entry
@Component
struct Index {
  @StorageProp('bottomRectHeight')
  bottomRectHeight: number = 0;
  @StorageProp('topRectHeight')
  topRectHeight: number = 0;
  build() {
    Column() {
      Text("超过一屏的内容").fontSize(30)

    }.backgroundColor(Color.Brown)
    .width('100%')
    .height('100%')
     // top数值与状态栏区域高度保持一致；bottom数值与导航条区域高度保持一致
    .padding({top:px2vp(this.topRectHeight),bottom:px2vp(this.bottomRectHeight)})
    .justifyContent(FlexAlign.Center)
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.