在HarmonyOS NEXT中 界面底部的横条显示和隐藏的方法？

Question

在HarmonyOS NEXT中 界面底部的横条显示和隐藏的方法？

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。

Answer 1

参考链接如下：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides...
参考代码

onWindowStageCreate(windowStage: window.WindowStage) { 
  windowStage.getMainWindow().then((windowObj) => { 
    windowObj.setWindowLayoutFullScreen(true); 
    windowObj.setWindowSystemBarEnable(['status']) 
  }); 
}

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。

Answer 2

需要在组件的生命周期方法或者适当的方法中获取窗口对象。假设在一个Page组件中进行操作。

import { Navigation } from '@ohos.app.ability';
@Entry
@Component
struct MyPage {
    hideNavigationBar() {
        let navigation = this.getNavigation();
        if (navigation) {
            navigation.setNavigationBarVisibility(false);
        }
    }
    showNavigationBar() {
        let navigation = this.getNavigation();
        if (navigation) {
            navigation.setNavigationBarVisibility(true);
        }
    }
    build() {
        Column() {
            Button('隐藏底部横条')
           .onClick(() => {
                this.hideNavigationBar();
            })
            Button('显示底部横条')
           .onClick(() => {
                this.showNavigationBar();
            })
        }
    }
}

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。