问题描述:
使用的UI环境为Framework7。
正确设置了HBuilder沉浸式状态栏。
在Android平台下正常,在IOS平台下首次跳转都会出现白条,刷新Webview后白条消失。
问题截图:
问题解释:
经过各个代码段的测试及手册查询,发现Framework7自带了一个statusbarOverlay初始化属性(默认是启用的),该属性主要用于监测IOS平台下webAPP是否全屏(Framework7的作者为兼容PhoneGap特地写的),HBuilder在不启用沉浸式状态栏的情况下是正常的,但在启用沉浸式状态栏后就会与Framework7的statusbarOverlay产生冲突。
解决方法
关闭 Framework7的statusbarOverlay属性。
/*初始化APP框架*/
var App = new Framework7({
.....
statusbarOverlay:false /*关闭全屏幕模式状态栏覆盖*/
.....
});