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 狀態欄顯示;


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章