以下内容均仅适用于安卓系统,iOS系统尚未完全验证。
在实现沉浸式菜单的时候要注意,代码在本地调试阶段是看不到效果的,必须要发布为安装包以后才可以看到效果,如下为实现步骤:
- 在manifest.json文件中增加如下两行配置:
这两行配置用于开启沉浸式菜单。系统状态栏的颜色由页面的头部颜色决定,使用H5+的API设置状态栏的背景色是无效的(文档上是说只针对iOS 7.0以上有效)。 - 调整页面距离屏幕顶部的间距值,建议在系统启动的时候将该间距值保存到本地,其他页面适用该值即可。
- 建议所有页面都用一个父页面包装起来,父页面设置距离屏幕顶部的间距。
- 打包发布,安装后即可看到效果。