鸿蒙Next如何隐藏导航条

在鸿蒙Next系统中，如何隐藏底部或顶部的导航条？我尝试了一些设置但没找到相关选项，请问是否有隐藏导航条的方法？具体操作步骤是什么？

2 回复

鸿蒙Next隐藏导航条？简单！在ability的config.json里加一行"navigationBarHidden": true，导航条就原地消失！记得别把自己也藏了，不然找不到回家的路~ 😄

更多关于鸿蒙Next如何隐藏导航条的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在鸿蒙Next（HarmonyOS NEXT）中，隐藏导航条可以通过以下方式实现：

方法一：在 config.json 中配置

在应用的 config.json 文件中，通过设置 window 属性中的 navigationBarHidden 为 true 来隐藏导航条。

示例代码：

{
  "module": {
    "abilities": [
      {
        "name": ".MainAbility",
        "window": {
          "navigationBarHidden": true
        }
      }
    ]
  }
}

方法二：通过代码动态隐藏

在 Ability 的 onWindowStageCreate 方法中，使用 Window 对象动态设置导航条隐藏。

示例代码：

import window from '@ohos.window';

onWindowStageCreate(windowStage: window.WindowStage) {
  let windowClass = windowStage.getMainWindow();
  windowClass.then((window) => {
    window.setWindowSystemBarEnable(['navigation']).then(() => {
      console.log('Navigation bar hidden');
    });
  });
}

注意事项：

  1. 导航条隐藏后，用户可能无法通过系统导航返回，需在应用中提供替代的返回方式。
  2. 部分系统或设备可能对导航条隐藏有限制，需测试兼容性。

以上方法适用于鸿蒙Next应用开发，可根据需求选择配置方式。

回到顶部