ionic项目中手机状态栏显示使用$cordovaStatusbar插件
2016-12-24 11:16
489 查看
在项目中发现Android和iOS在手机状态栏样式不一样,然后就查到有一个cordova插件可以解决这个问题
1.下载插件
1.下载插件
$cordovaStatusbar命令:
cordova plugin add https://github.com/apache/cordova-plugin-statusbar.git[/code] 2.在config.xml里面配置如下:<feature name="StatusBar"> <param name="ios-package" onload="true" value="CDVStatusBar"/> </feature> 将此配置改为:<preference name="Fullscreen" value="false"/>(否则在Android上状态栏显示不出来)
3.在app.js里面,如下:
判断手机是android 还是iOS来定义不同的样式,我的这个是在Android和iOS上都是背景色为黑色,字体为白色
[javascript] view plain copy
if (cordova.platformId == 'android') {
StatusBar.backgroundColorByHexString("#333");
}else{
$cordovaStatusbar.overlaysWebView(false);
$cordovaStatusbar.style(1);
StatusBar.styleLightContent();
$cordovaStatusbar.styleColor('black');
}
4.最后iOS结果如图:
相关文章推荐
- ionic项目中手机状态栏显示使用$cordovaStatusbar插件
- ionic项目中手机状态栏显示使用$cordovaStatusbar插件
- ionic项目中手机状态栏显示使用$cordovaStatusbar插件
- ionic 项目中使用ngCordova插件$cordovaCamera筛选手机图库图片显示出来并上传
- ionic 项目中使用ngCordova插件$cordovaCamera筛选手机图库图片显示出来并上传
- ionic项目中使用cordova插件支付宝支付
- 使用cordova插件解决ionic页面在手机上启动出现黑频问题
- ionic项目中使用cordova插件跳转第三方地图APP(百度、高德)
- [Unity3D]手机3D游戏开发:如何实现最高分的存储与显示(九)----使用PreviewLabs插件提速与完整的项目源码
- ionic项目之ngcordova插件之camera
- 【未完后补】cordova&ionic使用视频播放插件videogular
- Cordova各个插件使用介绍系列(四)—canvas2ImagePlugin保存二维码到手机本地
- Cordova各个插件使用介绍系列(三)—$cordovaImagePicker从手机图库选择多张图片
- ionic项目之ngcordova插件之camera
- 转: ionic cordova 控制iOS状态栏的显示,隐藏,颜色
- Cordova各个插件使用介绍系列(四)—canvas2ImagePlugin保存二维码到手机本地
- ionic项目之ngcordova插件
- Cordova各个插件使用介绍系列(四)—canvas2ImagePlugin保存二维码到手机本地
- ionic项目之ngcordova插件之camera
- cordova android项目自定义插件及使用(一)