ionic项目中手机状态栏显示使用$cordovaStatusbar插件
16lz
2021-01-26
在项目中发现Android和iOS在手机状态栏样式不一样,然后就查到有一个cordova插件可以解决这个问题
1.下载插件$cordovaStatusbar命令:
cordova plugin add https://github.com/apache/cordova-plugin-statusbar.git
2.在config.xml里面配置如下:
将此配置改为:
(否则在Android上状态栏显示不出来)
3.在app.js里面,如下:
判断手机是android 还是iOS来定义不同的样式,我的这个是在Android和iOS上都是背景色为黑色,字体为白色
- if (cordova.platformId == 'android') {
- StatusBar.backgroundColorByHexString("#333");
- }else{
- $cordovaStatusbar.overlaysWebView(false);
- $cordovaStatusbar.style(1);
- StatusBar.styleLightContent();
- $cordovaStatusbar.styleColor('black');
- }
4.最后iOS结果如图:
具体请参考ngcordova官网,http://ngcordova.com/docs/plugins/statusbar/和https://github.com/apache/cordova-plugin-statusbar上的资料
更多相关文章
- 设置文本边框 与 边框的样式:
- ScrollView隐藏、调整大小
- Android(安卓)JNI .h头文件生成说明
- 移植SlidingMenu Android(安卓)library,和安装example出现的问题
- Eclipse中插件(Google Android)插件
- 移植SlidingMenu Android(安卓)library和安装example出现的问题
- Android(安卓)Studio插件之快速findViewById(butterknife和Androi
- PhoneGap是什么?
- Android(安卓)studio升级3.0.1遇到的坑及Android(安卓)Studio 3.