I can not change the color of my Status Bar with Ionic 2. I checked the documentation and am doing the following.
app.js
import {StatusBar} from 'ionic-native';
app.js (constructor ())
platform.ready().then(() => {
StatusBar.overlaysWebView(true);
StatusBar.backgroundColorByHexString(#f69c55);
});
The setting is correct. However, my device was Android 5.0 and StautsBar works only on later versions, as the documentation specifies.
This installation method requires cordova 5.0 +
If you refer to the Toolbar I was able to add my style to the file /src/theme/global.scss
//------- TOOLBAR //-------
.toolbar-title-md, .bar-button-default-md, .bar-button-clear-md-default, .bar-button-md-default, .toolbar-title-ios {
color: color($colors, minhaCor);
}
.toolbar-background-md, .toolbar-background-ios {
background: none;
border-color: transparent;
}
link The documentation makes the following observation:
Set the status bar to a specific hex color (CSS shorthand supported!).
iOS note: you must call StatusBar.overlaysWebView ( false ) to enable color changing.Your ta true
StatusBar.backgroundColorByHexString(#f69c55);
This form is incorrect because the documentation has to be a value of 'STRING'. The right way to use it is:
StatusBar.backgroundColorByHexString('#f69c55');
Change the true to false that will work!