How do you change the status bar text color?


#1

How do you change the status bar text color?

There appears to be a multiple of threads discussing this but not with any real solution. I was hoping it would be something straightforward. Basically, all I want to do is change the status bar text color as my header/navbar/status bar is a dark blue. The default text color is black and I just want to change it to white, it is that simple.

Where do I make these changes? I have already installed the status bar plugin and my config file is below (this is without any changes suggested in some threads).

< preference name=“webviewbounce” value=“false” />
< preference name=“UIWebViewBounce” value=“false” />
< preference name=“DisallowOverscroll” value=“true” />
< preference name=“android-minSdkVersion” value=“16” />
< preference name=“BackupWebStorage” value=“none” />
< preference name=“StatusBarStyle” value=“default” />
< preference name=“SplashScreen” value=“screen” />
< preference name=“orientation” value=“portrait” />
< preference name=“SplashMaintainAspectRatio” value=“true” />
< preference name=“FadeSplashScreenDuration” value=“300” />
< preference name=“ShowSplashScreenSpinner” value=“false” />
< preference name=“AutoHideSplashScreen” value=“false” />
< preference name=“CordovaWebViewEngine” value=“CDVWKWebViewEngine” />
< preference name=“SplashScreenDelay” value=“3000” />

Where can I solve this?


#2

This worked for me
Install statusbar plugin from cordova:
cordova plugin add cordova-plugin-statusbar

Add this line in the config.xml file:
<preference name="StatusBarOverlaysWebView" value="true" />

Don’t forget to rebuild ios:
ionic cordova build ios

Should work in simulator and iPhone

cli packages: (somepath)

@ionic/cli-utils  : 1.19.2
ionic (Ionic CLI) : 3.20.0

global packages:

cordova (Cordova CLI) : 8.0.0

local packages:

@ionic/app-scripts : 3.1.8
Cordova Platforms  : ios 4.5.4
Ionic Framework    : ionic-angular 3.9.2

System:

ios-deploy : 1.9.2
Node       : v8.11.1
npm        : 5.8.0
OS         : macOS High Sierra
Xcode      : Xcode 9.3 Build version 9E145