【mui webAPP】HBuilder创建的iOS平台设置沉浸式状态栏

时间:2021-03-23 21:59:10

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

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】HBuilder创建的iOS平台设置沉浸式状态栏