ionic ---- 控制ios状态栏的显示，隐藏，颜色

前段时间在ionic项目中遇到这样的问题，ios的导航栏隐藏被手机的状态栏遮挡住了，解决方法：

1.安装插件：

cordova plugin add org.apache.cordova.statusbar

2.检查index文件中，是否引入了

<script src="cordova.js"></script>

3.在项目app.js文件夹中，加入如下的js代码：

       
.run(['$ionicPlatform', function ($ionicPlatform) {

    $ionicPlatform.ready(function() {
      if (window.StatusBar) {
        // org.apache.cordova.statusbar required
        StatusBar.show();  // 状态栏显示
      }
    });
           
        

StatusBar.styleDefault 状态栏默认样式，也就是电池信号黑色；
StatusBar.styleLightContent 状态栏内容浅色，貌似就是白色，适合深色背景；
StatusBar.styleBlackTranslucent 状态栏黑色半透明，我测了下，跟上面一样的效果，电池时间都是白色的，适合深色背景；
StatusBar.styleBlackOpaque 状态栏黑色不透明。我测了下，还是白色的，跟上面一样，适合深色背景；
StatusBar.hide 状态栏隐藏；
StatusBar.show 状态栏显示；