2017-01-20 4 views
0

Мой вопрос в том, как изменить цвет StatusBar на платформе Android в ионном?Как изменить StatusBar Color в платформе Android в ионной?

Я пробовал много обходных решений, но ни один из них не помог мне выполнить мои требования.

Я установил этот плагин Cordova-plugin-statusbar

Ниже мой код:

angular.module('starter', ['starter.controller','ionic', 'starter.services','ngCordova']) 

.run(function($ionicPlatform) { 
    $ionicPlatform.ready(function($ionicPlatform, $cordovaStatusbar) { 
    if(window.cordova && window.cordova.plugins.Keyboard) { 
     cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); 
     cordova.plugins.Keyboard.disableScroll(true); 
    } 

    $cordovaStatusbar.overlaysWebView(false); 
    $cordovaStatusbar.styleHex('#ABCDEF'); 

    if(window.Connection) { 
     if(navigator.connection.type == Connection.NONE) { 
      $ionicPopup.confirm({ 
       title: "Internet Disconnected", 
       content: "The internet is disconnected on your device." 
      }) 
      .then(function(result) { 
       if(!result) { 
        ionic.Platform.exitApp(); 
       } 
      }); 
     } 
    } 

    }); 
}) 

И установить в config.xml файл Два предпочтения.

> <preference name="StatusBarOverlaysWebView" value="true" /> 
> <preference name="StatusBarBackgroundColor" value="#000000" /> 
+0

см эту ссылку https://bangaloreionicdeveloper.wordpress.com/2016/06/12/how-to-add-status-bar-color-to-ionic-app/ –

+0

@AmruthLS спасибо братан но не работает –

ответ

1

Я использую эту конфигурацию, и она работает.

$cordovaStatusbar.overlaysWebView(true); $cordovaStatusbar.styleHex('#ABCDEF'); $cordovaStatusbar.show();