# \[Solved\] Status bar color blending issue

**URL:** <https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070>\
**Category:** Questions about Thunkable X\
**Tags:** solved\
**Created:** [January 24, 2020, 9:30pm UTC](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070 "2020-01-24T21:30:27Z")\
**Posts on this page:** 20\
**Page:** 2

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [November 22, 2020, 12:09am UTC](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/21 "2020-11-22T00:09:35Z")

</div>

@oreeldadln @Michael_Rogulla @sethimagiciangde can you confirm that you’re all on iOS too? Or are you seeing this on Android?

Is this just affecting screens on their own or are you using one of the navigator components in your app?

What “show status bar” setting are you using?

Thanks!

---

<div class="post-metadata">

**Author:** ![oreeldadln](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/oreeldadln/32/89185_2.png) [@oreeldadln](https://community.thunkable.com/u/oreeldadln)\
**Post date:** [November 22, 2020, 8:28am UTC](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/22 "2020-11-22T08:28:03Z")

</div>

I’m on ios.  
I’m using the bottom navigator in my app but this happens on all the screens.  
status bar style - default.

thanks!

---

<div class="post-metadata">

**Author:** ![Deluxe](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/deluxe/32/30016_2.png) [@Deluxe](https://community.thunkable.com/u/Deluxe)\
**Post date:** [November 23, 2020, 10:30am UTC](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/23 "2020-11-23T10:30:47Z")

</div>

- Platform = iOS
- Navigator = Bottom tab navigator
- Screen background colour = Black
- StatusBar Style = light-content

Status bar before:

 ![IMG_0161](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/7/573f430b85030d55f8cad067326ba9b84aae4cd5.png)

Status bar after:

 ![IMG_0160](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/0/80bd6f56f63e7bda3677335d6d501fda5dfdeb1d.png)

---

<div class="post-metadata">

**Author:** ![sethimagiciangde](https://avatars.discourse-cdn.com/v4/letter/s/ecb155/32.png) [@sethimagiciangde](https://community.thunkable.com/u/sethimagiciangde)\
**Post date:** [November 24, 2020, 4:33pm UTC](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/24 "2020-11-24T16:33:46Z")

</div>

I’m on ios too.

In this application I’m not even using the status bar. I want him to show an image as the background of the screen, but he is showing a white “bar” at the top of the image.

---

<div class="post-metadata">

**Author:** ![oreeldadln](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/oreeldadln/32/89185_2.png) [@oreeldadln](https://community.thunkable.com/u/oreeldadln)\
**Post date:** [December 3, 2020, 1:36pm UTC](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/25 "2020-12-03T13:36:02Z")

</div>

any solution? it’s still the same for me…

---

<div class="post-metadata">

**Author:** ![Deluxe](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/deluxe/32/30016_2.png) [@Deluxe](https://community.thunkable.com/u/Deluxe)\
**Post date:** [December 3, 2020, 2:37pm UTC](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/26 "2020-12-03T14:37:22Z")

</div>

Same here…

---

<div class="post-metadata">

**Author:** ![Deluxe](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/deluxe/32/30016_2.png) [@Deluxe](https://community.thunkable.com/u/Deluxe)\
**Post date:** [December 5, 2020, 8:44pm UTC](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/27 "2020-12-05T20:44:45Z")

</div>

Any progress on this? Any plans to make it work again like it used to?

---

<div class="post-metadata">

**Author:** ![Deluxe](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/deluxe/32/30016_2.png) [@Deluxe](https://community.thunkable.com/u/Deluxe)\
**Post date:** [December 11, 2020, 6:46pm UTC](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/28 "2020-12-11T18:46:56Z")

</div>

Any update?

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [December 11, 2020, 6:49pm UTC](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/29 "2020-12-11T18:49:46Z")

</div>

Hey @Deluxe, which version of iOS are you using? Perhaps this is related to the recent iOS 14 release?

---

<div class="post-metadata">

**Author:** ![Deluxe](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/deluxe/32/30016_2.png) [@Deluxe](https://community.thunkable.com/u/Deluxe)\
**Post date:** [December 11, 2020, 6:57pm UTC](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/30 "2020-12-11T18:57:15Z")

</div>

I am on iOS 14.2 which I installed about a week ago on my iPhone 7S but my first message about this issue was posted 25 days ago so I don’t think that the iOS version is related. I do remember you mentioning something about Thunkable enabling support for the iPhone’s notch but my question about how to configure that feature since there is no such option in the screen properties remained unanswered.

---

<div class="post-metadata">

**Author:** ![Deluxe](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/deluxe/32/30016_2.png) [@Deluxe](https://community.thunkable.com/u/Deluxe)\
**Post date:** [December 11, 2020, 9:40pm UTC](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/31 "2020-12-11T21:40:24Z")

</div>

One more thing… when I install an older version of my app on Testflight, the issue is gone. It only occurs on the last build I did 25 days ago. So definitely not related to the iOS version…

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [December 11, 2020, 10:48pm UTC](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/32 "2020-12-11T22:48:15Z")

</div>

Brilliant - can you please send me both of those versions and we should be able to figure out the cause so.

Thanks!

---

<div class="post-metadata">

**Author:** ![Deluxe](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/deluxe/32/30016_2.png) [@Deluxe](https://community.thunkable.com/u/Deluxe)\
**Post date:** [December 11, 2020, 10:54pm UTC](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/33 "2020-12-11T22:54:55Z")

</div>

You mean, you need the IPAs?

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [December 11, 2020, 11:00pm UTC](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/34 "2020-12-11T23:00:19Z")

</div>

Nope the project link.

The one with /project/ in the URL as, if you send a /copy/ link then we’re looking at a different project.

Thanks

---

<div class="post-metadata">

**Author:** ![Deluxe](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/deluxe/32/30016_2.png) [@Deluxe](https://community.thunkable.com/u/Deluxe)\
**Post date:** [December 11, 2020, 11:07pm UTC](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/35 "2020-12-11T23:07:20Z")

</div>

There are no “both of those versions” I can send you. There is only one Thunkable project which created an IPA and sending to Apple sometime about 3 months ago (which did not have the problem) and then the same project creating another IPA and sending to Apple about 1 months ago (which did have the problem). The latest version was correcting some issues which had nothing to do with the layout of the app or its status bar settings so those could not possibly have anything to do with the issue. And let’s not forget that I am not the only one having the issue. What I can do is to create a dummy app and send you to test. Would that work?

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [December 11, 2020, 11:09pm UTC](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/36 "2020-12-11T23:09:45Z")

</div>

Please please please send me a project link that reproduces this issue.

I’ve been asking you for this for quite a while now and can’t proceed until you do this.

---

<div class="post-metadata">

**Author:** ![Deluxe](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/deluxe/32/30016_2.png) [@Deluxe](https://community.thunkable.com/u/Deluxe)\
**Post date:** [December 11, 2020, 11:48pm UTC](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/37 "2020-12-11T23:48:09Z")

</div>

> [@Deluxe](#):
>
> - Screen background colour = Black
> - StatusBar Style = light-content

I provided the above 19 days ago. Anyone could create a blank app and set the above two, compile the app and witness the issue. No worries, I went ahead and did it myself:

`httpss://x.thunkable.com/copy/a3419bc9a3a6c0023099a24d2aed875f`

Don’t forget, you need to compile the app, download it on your device and only then you will see the issue.

I hope this helps.

K

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [December 11, 2020, 11:59pm UTC](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/38 "2020-12-11T23:59:55Z")

</div>

> [@Deluxe](#):
>
> [Thunkable](https://x.thunkable.com/copy/a3419bc9a3a6c0023099a24d2aed875f)

This is a copy link. We’ve covered this in the community, and PMs and emails (and possibly chat support?) already. Recently:

> [@domhnallohanlon](#):
>
> project link.
> 
> The one with /project/ in the URL as, if you send a /copy/ link then we’re looking at a different project.

And also:

> [@domhnallohanlon](#):
>
> Please please please send me a project link

I really want to help you (it’s been almost an hour and a half already today) but I need you to send me a project link first.

Thank you.

---

<div class="post-metadata">

**Author:** ![Deluxe](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/deluxe/32/30016_2.png) [@Deluxe](https://community.thunkable.com/u/Deluxe)\
**Post date:** [December 12, 2020, 12:02am UTC](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/39 "2020-12-12T00:02:17Z")

</div>

> **[Thunkable](https://x.thunkable.com/projects/5fd3fbcf93ffc3001194d0c0/90ccefd0-6bba-4a51-994f-46b3f35ba5a9/designer)**

Does this work?

---

<div class="post-metadata">

**Author:** ![Deluxe](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/deluxe/32/30016_2.png) [@Deluxe](https://community.thunkable.com/u/Deluxe)\
**Post date:** [December 12, 2020, 12:45pm UTC](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/40 "2020-12-12T12:45:01Z")

</div>

Some thoughts on this issue. So far we have been using the screen’s background color to control the color of the status bar on iOS since there is no way to control it like we can for Android using the “StatusBar Color (Android Only)” setting. If there was a similar option for iOS, that would be even better as we would be able to control the screen color and status bar color independently. Makes sense?

[Previous page](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070.md?page=1)

[Next page](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070.md?page=3)
