HarmonyOS 如何获取顶部导航栏高度

当前window提供API获取系统区域包括导航栏和状态栏，文档中有示例代码。

API：getWindowAvoidArea

参考链接：

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-window-V5#getwindowavoidarea9

获取到的高度单位为px，可使用px2vp方法转换为vp。

windowStage.getMainWindow((err: BusinessError, data) => {
  const errCode: number = err.code;
  if (errCode) {
    console.error(`Failed to obtain the main window. Cause code: ${err.code}, message: ${err.message}`);
    return;
  }
  windowClass = data;
  let type = window.AvoidAreaType.TYPE_SYSTEM;
  try {
    let avoidArea = windowClass.getWindowAvoidArea(type);
    //状态栏高度
    let statusBarHeight = px2vp(avoidArea.topRect.height)
    console.log("statusBarHeight: " + statusBarHeight)
  } catch (exception) {
    console.error(`Failed to obtain the area. Cause code: ${exception.code}, message: ${exception.message}`);
  }
});
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.