Ionic 3 Android app's status bar Text color to Dark or Black

Question

I need to change the Status bar text color to dark (or black).But it is not supported on Cordova plugin .But I have seen where there is a method on Android native device as shown below.Can we do the same on Ionic 3 app too?

Refernce:

<style name="statusBarStyle" parent="@android:style/Theme.DeviceDefault.Light">
    <item name="android:statusBarColor">@color/status_bar_color</item>
    <item name="android:windowLightStatusBar">false</item>
</style>

Answer 1

You can try this

statusBar.overlaysWebView(true);
statusBar.backgroundColorByHexString('#1f2933');

Answer 2

You could try binding the color of your DOM element to a variable and change that.

OR

You could make two different DOM elements, one of each color and decide which one is shown by using *ngIf