uniapp隐藏手机顶部状态栏

通过uniapp生成安卓apk程序时,如果需要全屏显示,也就是说需要隐藏手机顶部的系统状态栏,那么如何实现呢?

一、单个页面隐藏状态栏

单个页面隐藏需要用到onShow和onHide这两个页面生命周期函数。

//设置页面全屏
onShow() {
    plus.navigator.setFullscreen(true);
}
//如果不加这句,会导致跳转到别的页面后也是全屏
onHide() {
    plus.navigator.setFullscreen(false);
}

如下图所示

二、整个应用隐藏状态栏

整个应用隐藏需要用到onLaunch这个应用生周期函数,代码需要添加到应用根目录下的App.vue文件里

onLaunch: function() {
    plus.navigator.setFullscreen(true);
}

如下图所示

发表评论