[SOLVED] Status bar not work well

ionic-v1
1

Hello , I Have problem when trying to make my status bar color same as my header
I’m trying to set :

ionic.Platform.fullScreen();
StatusBar.overlaysWebView(false);
StatusBar.backgroundColorByHexString(“#0c60ee”);

but the result is :

image
image750×1334 24.3 KB

When i try to remove ionic.Platform.fullScreen();
The result:

image
image750×1334 30.9 KB

Am i missing something?

2

you can use this:

if (window.cordova && window.StatusBar) {
     StatusBar.styleLightContent();
     StatusBar.overlaysWebView(false);
     StatusBar.backgroundColorByHexString("#387ef5");
     ionic.Platform.fullScreen(true, true);
}
3

Hey thanks for your help :slight_smile:
I just try that but the result :

image
image750×1334 28.6 KB

is there problem with my ionic.css ?

4

change the hexa to #387ef5 and check config.xml if there is any splascreen hexa in preference name…

5

I noticed that status bar text color changed from white to black
but the overlay still exists

image
image750×1334 30.7 KB

6

can you show me your config.xml?

7

Sure

image
1479286652112.jpg865×409 190 KB

if you see preference name=“StatusBarOverlaysWebView” value=“true”/>
I just changed it to false
the problem still same

8

please delete the overlayswebview and backgroundcolor in config and try the one that i suggest in ionicPlatform.ready inside app.js

9

Done removing ,
Still same :frowning:
this is like white transparent is permanent

image
S__2441233.jpg750×1334 30.6 KB

10

will you create again a project and do as we just do and let’s see if this problem exist again…

11

I just create new project again,
with command

ionic start myNewApp sidemenu

the problem still same :frowning:

I saw the same problem on stackoverflow but not solved

12

sorry i thought it was on android… I really don’t know what is wrong… cannot test it with myself…

13

do you have ionic view app ?
please enter my app id :

565f4bfd

14

no i don’t have… there are some bugs in ionic view app…

15

When i change the color to red:

image
S__2441240.jpg750×1334 28 KB

did you know where’s cordova css location ?
because there’s opacity on my status bar :frowning:

16

Okay fix this , the problem is from ionic view app
when i build on my mac
the problem is gone
i hope ionic view app will be updated soon and fix the problem with status bar :slight_smile:

image
S__2441251.jpg750×1334 30.2 KB

17

glad that you solve this… just a little advice… build and test it in real device… ionic view app has lot of bugs imho…