HarmonyOS鸿蒙Next中开启深色模式时顶部显示内容被状态栏覆盖

楼主你好

```javascript
onWindowStageCreate(windowStage: window.WindowStage): void {

  // Main window is created, set main page for this ability
  hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onWindowStageCreate');
  let windowClass: window.Window = windowStage.getMainWindowSync(); // 获取应用主窗口
  try {
    windowClass.on('avoidAreaChange', (data) => {
      console.info('Succeeded in enabling the listener for system avoid area changes. type:' +
      JSON.stringify(data.type) + ', area: ' + JSON.stringify(data.area));
      let area = windowClass.getWindowAvoidArea(window.AvoidAreaType.TYPE_SYSTEM);
      let statusBarHeight = 0
      //注意：返回的是px值，如果要用vp值需要转换
      statusBarHeight = px2vp(area.topRect.height);
      PersistentStorage.persistProp('test', statusBarHeight);
    });
  } catch (exception) {
    console.error(`Failed to enable the listener for system avoid area changes. Cause code: ${exception.code}, message: ${exception.message}`);
  }
  windowStage.loadContent('pages/Index', (err) => {
    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.');
  });
}

import { window } from '[@kit](/user/kit).ArkUI';

[@Component](/user/Component)
struct Demo {
  [@State](/user/State) message: string = 'Hello World';
  [@StorageLink](/user/StorageLink)('test') statusBarHeight: number = 0

  build() {
    Column() {
      Row() {
        Text(this.message)
          .id('DemoHelloWorld')
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
          .alignRules({
            center: { anchor: '__container__', align: VerticalAlign.Center },
            middle: { anchor: '__container__', align: HorizontalAlign.Center }
          })
      }
      .padding({ top: this.statusBarHeight })
      .width('100%')
      .backgroundColor(Color.Pink)
    }
    .height('100%')
    .width('100%')
  }
}