HarmonyOS 鸿蒙Next 组件页面沉浸式

[@Entry](/user/Entry)修饰的才是页面，单独[@Component](/user/Component)修饰的只是组件, 单独[@Component](/user/Component)的组件也能通过设置expandSafeArea属性来扩展其安全区域。

import { SafeAreaSub } from './saveSubPage'
@Entry
@Component
struct SafeAreaExample1 {
  build() {
    Row() {
      SafeAreaSub()
    }.height('100%')
  }
}
// saveSubPage.ets
@Component
export  struct SafeAreaSub {
  @State text: string = ''
  controller: TextInputController = new TextInputController()
  build() {
    Row() {
      Column()
        .height('100%').width('100%')
        .backgroundImage($r('app.media.hello')).backgroundImageSize(ImageSize.Cover)
        .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP, SafeAreaEdge.BOTTOM])
    }.height('100%')
  }
}

其他沉浸式效果： 1、调用setWindowSystemBarEnable接口，设置导航栏、状态栏不显示，从而达到沉浸式效果。 参考文档：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-window-V5#setwindowsystembarenable9

2、调用setWindowLayoutFullScreen接口，设置应用主窗口为全屏布局；然后调用setWindowSystemBarProperties接口，设置导航栏、状态栏的透明度、背景/文字颜色以及高亮图标等属性，使之保持与主窗口显示协调一致，从而达到沉浸式效果。

参考文档：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-window-V5#setwindowlayoutfullscreen9 https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-window-V5#setwindowsystembarproperties9