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 狀态欄顯示；