cordovar StatusBar 改变手机顶部状态栏颜色

手机状态栏背景默认为黑色,如下图,根据应用设置不同的状态栏色,以下操作是以android为前提


image.png

参考https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-statusbar/
一.下载依赖

cordova plugin add cordova-plugin-statusbar

之后就可以在项目路径=>plugins=>cordova-plugin-statusbar看到依赖

二.配置文件
在根目录config.xml文件中设置

<preference name="StatusBarOverlaysWebView" value="false" />
<preference name="StatusBarBackgroundColor" value="#3c73c5" />

StatusBarBackgroundColor设置颜色十六进制字符串

image.png

StatusBarOverlaysWebView要设为false 否则顶部状态栏会挡住我们的页面

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容