当前组件，默认都会安全区避让，对于手机顶部，会有手机时间手机电量等字，如何设置不避让顶部安全区

//index.ets  
  
@Entry  
@Component  
struct Type3 {  
  @State message: string = 'Hello World'  
  @StorageLink("topHeight") topHeight: number = 0  
  @StorageLink("bottomHeight") bottomHeight: number = 0  
  build() {  
    Column() {  
      // 在界面顶部放置一个Row组件，用于占位  
      Row() {  
      }  
      .width("100%")  
      // 设置Row组件的高度为状态栏的高度，可避免界面内容与状态栏内容重叠  
      .height(px2vp(this.topHeight))  
      Row() {  
        Text(this.message)  
          .fontSize(50)  
          .fontWeight(FontWeight.Bold)  
          .position({ x: 0, y: 0 })  
      }  
      .width("100%")  
      .flexGrow(1)  
      // 在界面底部放置一个Row组件，用于占位  
      Row() {  
      }  
      .width("100%")  
      // 设置Row组件的高度为导航栏的高度，可避免界面内容与导航栏内容重叠  
      .height(px2vp(this.bottomHeight))  
    }  
    // .backgroundImage($r("app.media.icon"))  
    .backgroundColor("#ff63f317")  
    .backgroundImageSize(ImageSize.Cover)  
    .width("100%")  
    .height("100%")  
  }  
}  
//EntryAbility.ets  
  
import { AbilityConstant, UIAbility, Want } from '@kit.AbilityKit';  
import { hilog } from '@kit.PerformanceAnalysisKit';  
import { window } from '@kit.ArkUI';  
  
async function enterImmersion(windowClass: window.Window) {  
  // 获取状态栏和导航栏的高度  
  windowClass.on("avoidAreaChange", (data) => {  
    if (data.type == window.AvoidAreaType.TYPE_SYSTEM) {  
      let topHeight:number = data.area.topRect.height  
      let botHeight:number = data.area.bottomRect.height  
      // 将状态栏和导航栏的高度保存在AppStorage中  
      AppStorage.setOrCreate('topHeight', topHeight);  
      AppStorage.setOrCreate('bottomHeight', botHeight);  
    }  
  })  
  await windowClass.setWindowLayoutFullScreen(true)  
  await windowClass.setWindowSystemBarEnable(["status", "navigation"])  
  // 设置状态栏和导航栏的背景为透明  
  await windowClass.setWindowSystemBarProperties({  
    navigationBarColor: "#00000000",  
    statusBarColor: "#00000000",  
    navigationBarContentColor: "#FF0000",  
    statusBarContentColor: "#ff0000"  
  })  
}  
  
export default class EntryAbility extends UIAbility {  
  onCreate(want: Want, launchParam: AbilityConstant.LaunchParam): void {  
    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onCreate');  
  }  
  
  onDestroy(): void {  
    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onDestroy');  
  }  
  
  async onWindowStageCreate(windowStage: window.WindowStage) {  
  
    let windowClass:window.Window = await windowStage.getMainWindow()  
    await enterImmersion(windowClass)  
  
    // Main window is created, set main page for this ability  
    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onWindowStageCreate');  
  
    windowStage.loadContent('pages/Index', (err, data) => {  
      if (err.code) {  
        hilog.error(0x0000, 'testTag', 'Failed to load the content. Cause: %{public}s', JSON.stringify(err) ?? '');  
        return;  
      }  
      hilog.info(0x0000, 'testTag', 'Succeeded in loading the content. Data: %{public}s', JSON.stringify(data) ?? '');  
    });  
  }  
  onWindowStageDestroy(): void {  
    // Main window is destroyed, release UI related resources  
    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onWindowStageDestroy');  
  }  
  
  onForeground(): void {  
    // Ability has brought to foreground  
    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onForeground');  
  }  
  
  onBackground(): void {  
    // Ability has back to background  
    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onBackground');  
  }  
}
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.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.