[Solved] Status bar color blending issue

Well, there is no specific setting to set the color of the status bar for iOS. Instead, the status bar would inherit the screen’s background color but that is no longer the case since lare last year.

So, as explained above, if I would want my iOS sratus bar to be green, I would set my screen’s background color to green. If i would want my iOS sratus bar to be black, I would set my screen’s background color to black. But now, it is always white.

Makes sense?

Yes, I understand. A better way to phrase would be the status bar on iOS used to inherit the color from the screen’s background color but no longer does.

In either case, I’ll look into it and hopefully we can get this fixed soon.

3 Likes

Well, either a fix or a separate option for setting the iOS status bar color irrespective of the screen color, just like on Android which has a separate option for this.

Many thanks

1 Like

@Steven,

The light/dark modes are display themes in iOS settings. I can see the status bar when my iOS theme is light, but I can not see the status bar when I have the iOS theme as dark mode. (see my pics above)

I hope that clarifies. I don’t know if it matters but I am using the top navigation in Thunkable.

Thanks, this is actually correct behavior if you have the screen’s statusBarStyle set to default. If you are in light mode it assumes you need the text to be dark to show on top of light content. If you’re in dark mode it assumes the opposite. To fix, you can set the statusBarStyle manually to either light or dark content depending on what you need.

Correct. But in my (and many others) case, we explicitly set the value to ‘light-content’ and set the screen’s background color to black. This was working fine up until late last year but all of a sudden, it stopped.

Yes, I understand. This is a separate issue from what @ryan_hall_apps is discussing. We are investigating your issue now, @Deluxe.

1 Like

This does not seem like correct behavior. Why would my status bar have a white background and white text when my phone is set to dark theme?

This only happens in my Thunkable app. I don’t have to change phone themes in any other app I use.

Am I missing something?

Again, you can explicitly set the value if you prefer. But the idea of having it be reactive to whether the user has dark mode enabled or not is so that you can reactively use the correct color without any further settings.

Though I just realized that we don’t expose a block to determine if the phone is set to dark mode so we should probably work on that. If you had something like that available you could set your screens’ background and statusBarColor to black if dark mode is on or white if it isn’t. Then if you leave the screen’s statusBarStyle to default it will have the correct colors regardless of which background color it has.

1 Like

Ok so I didn’t realize I could change the statusBar style on the screen pages. Sorry about that!

A block to determine system theme would be nice! I will play with the statusBar style that I knew was there all along (:man_facepalming:) and see what comes out.

If all else fails I will hide the status bar, which I also just now saw :man_facepalming: .

Thanks for your help. Sorry for my ignorance.

1 Like

Did you found the issue or it something we are doing wrong?

I have the same issue.
this is light-content status bar light

and this is dark-content status bar dark

It appear white part both light and dark content. Please solve this issue.
Steven, domhnallohanlon

The first one was published last 2 months

1 Like

@oreeldadln I think we’ve identified the issue but it takes time to get the fix implemented, tested, and released. If all goes well I think we should be able to get it out next week.

@boomdaba1232rbid Hm, that looks like another separate issue. The color of the status bar items looks correct. There just seems to be either an additional unwanted white bar at the top or the screen (and there the background color of the screen) isn’t extending all the way to the top of the phone. I’ll take a look at this as well.

1 Like

I think it’s the same issue.

My app run with iPhone 6 you won’t see the status bar.

And iPhone 12 Pro Max

the biggest problem in this issue is a white part at the top of the screen

@boomdaba1232rbid I don’t have an iPhone with a notch but on my iPhone 7 I am having the same issue as you do.

Can I assume that:

  1. You have selected Light-Content for your status bar
  2. Your screen’s background color is set to black
  3. You are using a tab navigator

K

@Deluxe You’re correct!

I have an update!
Today I downloaded my app and run on iPhone 12 Pro Max.
A white part at the top is larger than the last version.

Bummer…

Any update?

1 Like