H5+ API 设置手机状态栏颜色以及沉浸式状态栏
设置状态栏背景颜色
plus.navigator.setStatusBarBackground('#38c'); 设置状态栏文字颜色(只能设置黑或白 light -> 白色 dark -> 黑色 )
plus.navigator.setStatusBarStyle('light');
沉浸式状态栏(系统支持:Android4.4及以上、iOS7.0及以上)
1、判断是否支持沉浸式
plus.navigator.isImmersedStatusbar()默认情况下是不支持的,结果是false,需要修改项目中的配置文的配置文件manifest.json
"plus":{
"statusbar": {
"immersed": true
},
...
}2、获取状态栏高度
开启了沉浸式,状态栏高度变为0,页面就会往上移,头部和状态栏重合,所以我们需要设置页面头部区域的顶部内边距为状态栏的高度
plus.navigator.getStatusbarHeight()通过方法判断是否支持沉浸式,如果支持,拿到高度后,在页面中通过设置样式,为状态栏留出相应的位置
顺便说一下,沉浸式是应用级的,不能动态设置,只能通过修改配置,生效后所有页面都会变成沉浸式的,所以最好写成公用的样式或方法去调整
本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!