Status bar color

Hello there,

We are facing an issue with the status bar on our native app.

In fact our app has multiple sections with color changing almoast for any new activity (=section). I did some research, now I am using this code inside my settings => SEO/metatags => Script metatag in header.

body { min-height: calc(100vh) !important; } [.main-page.bubble-element.Page](http://.main-page.bubble-element.page/) { min-height: calc(100vh) !important; }

But the rendering is like, the status info come on top of the app content…

image

Instead, Iwould like to have a satus bar with the same color of any section, something like this:

image

Any one can help?

Depends on who you used to wrap your app. If you used BDK, you can change the status bar color via workflow and on the fly.

You can rewrap via bdk but that’s definitely a lot of work just for the status bar to get fixed.

Hey!
We used BDK but it doesn’t allow to change the status bar color eachtime I have a new screen.

As per our app support lot of screens with different colors…

Hey Moundir, did you find any solution for this problem?