OpenHarmony菜单如何全屏

在 OpenHarmony（ArkUI，eTag/Stage 模型） 中，“菜单全屏”通常有两种理解，下面分别说明：

一、应用窗口/页面全屏（隐藏状态栏、导航栏）

1. 使用 Window 接口（推荐，系统级全屏）

适用于 Stage 模型。

import window from '@ohos.window';

@Entry
@Component
struct Index {
  aboutToAppear() {
    window.getLastWindow(getContext(this), (err, win) => {
      if (!err) {
        // 隐藏状态栏和导航栏
        win.setWindowLayoutFullScreen(true);
        win.setWindowSystemBarEnable(['status', 'navigation']);
      }
    });
  }

  build() {
    Column() {
      // 页面内容
    }
    .width('100%')
    .height('100%')
  }
}

✅ 效果：页面真正铺满整个屏幕

2. 在 module.json5 中配置

"abilities": [
  {
    "name": "EntryAbility",
    "window": {
      "fullScreen": true
    }
  }
]

⚠️ 仅部分版本支持，建议配合 Window API 使用

二、Menu（菜单组件）全屏显示

OpenHarmony 的 Menu 默认是 弹出式菜单，不是全屏控件，但你可以：

方式 1：用自定义全屏弹窗替代 Menu

@Entry
@Component
struct Index {
  @State showMenu: boolean = false

  build() {
    Stack() {
      Button('打开菜单')
        .onClick(() => this.showMenu = true)

      if (this.showMenu) {
        Column() {
          Text('菜单项1').fontSize(20)
          Text('菜单项2').fontSize(20)
          Text('菜单项3').fontSize(20)
        }
        .width('100%')
        .height('100%')
        .backgroundColor('#ffffff')
        .onClick(() => this.showMenu = false)
      }
    }
    .width('100%')
    .height('100%')
  }
}

✅ 本质是“全屏覆盖层”，常用于设置页、抽屉菜单

方式 2：使用 Navigation + 全屏子页

Navigation() {
  // 全屏菜单页
}
.mode(NavigationMode.Stack)

适合 多页面菜单结构

三、常见误区

四、建议方案

• 系统全屏 → window.setWindowLayoutFullScreen(true)
• 全屏菜单 → 自定义 Stack / Column 覆盖层
• 复杂菜单 → Navigation / Router

如果你能说明：

• OpenHarmony 版本（3.x / 4.x）
• 是 系统菜单 / 应用菜单 / 弹窗菜单
• 使用 ArkTS / JS / eTS

我可以给你更精确的示例代码。