how to change the phonegap/cordova status bar background on startup(splash screen)?

im using the latest official version of android on my testing mobile and i'm developping an application using cordova 6.

well everything works great but during the startup (the first 3 seconds/ the time of displaying the splash screen) i get a black status bar (the default one) untill the app is fully showed then the color of status bar changes to the color i set on my configuration file.

my question is how to change the color of the status bar during the startup ? what about hide it totally untill it finish displaying splash screen ?

Answers


You can control style of status bar using the plugin

https://github.com/apache/cordova-plugin-statusbar

Set the required color of status bar in your config.xml by setting the preference

<preference name="StatusBarBackgroundColor" value="#000000" />

After that you can change the color like below in your code if you have installed the above mentioned plugin.

StatusBar.backgroundColorByName("red");

Regarding hiding the status bar totally during splash screen,

<preference name="fullscreen" value="true"/>

And you can show the status bar using code (Not tested)

document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
    StatusBar.show();
}

Hope it helps.


Need Your Help

MongoDb + Silverlight - [BsonId] assignment

silverlight mongodb poco mongodb-.net-driver silverlight-5.0

It seems like the official MongoDB C# driver is not supported in SilverLight. I want to use MongoDB on the server side and communicate the data via WCF to the silverlight client.