Navigator

Navigator_第1张图片
Paste_Image.png
Navigator_第2张图片
Paste_Image.png

利用Mui开发的App怎么全屏模式显示呢(利用这个还可以做沉浸式状态栏),通过找寻资料并研究。我发现,
在应用的manifest.json文件中添加“fullscreen”节点:
Boolea值类型,true表示全屏,false表示非全屏,默认值为false。

App云端打包支持全屏操作方式:

方式一:双击应用的manifest.json文件,勾选应用是否全屏显示选项(HBuilder6.0以上支持)

方式二:双击应用的manifest.json文件,切换到“代码视图”,在根节点下添加fullscreen节点:

Navigator_第3张图片
Paste_Image.png

Ctrl+S保存,并提交App云端打包

注意:目前仅iOS平台支持,Android平台暂不支持

在应用中可调用5+ API动态改变应用是否全屏显示的状态

function fullscreen(){
        // 设置应用全屏显示!
        plus.navigator.setFullscreen(true);
}
function unfullscreen(){
        // 设置应用非全屏显示!
        plus.navigator.setFullscreen(false);
}
function isfullscreen(){
        // 查询应用当前是否全屏显示!
        console.log( "是否全屏:"+(plus.navigator.isFullscreen()?"是":"否") );
}

你可能感兴趣的:(Navigator)