新版HarmonyOS 鸿蒙Next 5 预览器preview上下有白边的问题

针对HarmonyOS 鸿蒙Next预览器全屏后上下出现空白的问题，这可能是由于新版本（如5.0.3.500）默认行为变更导致的。把show satefy area勾选中可以看到，页面被限制在安全区内。在页面入口@Entry的struct中添加。

Megumi99

550人浏览 · 2024-11-19 16:30:13

Megumi99 · 2024-11-19 16:30:13 发布

针对HarmonyOS 鸿蒙Next预览器全屏后上下出现空白的问题，这可能是由于新版本（如5.0.3.500）默认行为变更导致的

把show satefy area勾选中可以看到，页面被限制在安全区内
在页面入口@Entry的struct中添加

  windowClass?: window.Window
  async setFullScreen(flag: boolean) {
    if (!this.windowClass) {
      this.windowClass = await window.getLastWindow(getContext(this))
    }
    this.windowClass.setWindowLayoutFullScreen(flag)
  }
  onPageShow(): void {
    this.setFullScreen(true)
  }
  onPageHide(): void {
    this.setFullScreen(false)
  }

可以看到解决此问题