【mui webAPP】iOS平台设置沉浸式状态栏

应用占用全屏区域,而系统状态栏需要预留出系统状态栏高度。

 

HBuilder创建的应用默认不使用沉浸式状态栏样式,需要进行如下配置开启:
打开应用的manifest.json文件,切换到代码视图,在plus -> statusbar 下添加immersed节点并设置值为true。

"plus": {  
    "statusbar": {  
        "immersed": true  
    }  
}

保存后提交App云端打包

 

注意事项:

1.真机运行可能不生效,需提交打包后才生效!!!!!

2.此功能仅在iOS7及以上系统有效。

3.在meta(name="viewport")节点的content属性值中添加viewport-fit=cover!!!!!

【mui webAPP】iOS平台设置沉浸式状态栏

 

上一篇:ReactNative——如何隐藏状态栏(实现沉浸式)


下一篇:[绍棠] uni-app打包APP如何让<web-view>腾出statusBar高度