# Background image won't fill the screen

**URL:** <https://community.thunkable.com/t/background-image-wont-fill-the-screen/1338443>\
**Category:** Questions about Thunkable X\
**Created:** [June 11, 2021, 5:49am UTC](https://community.thunkable.com/t/background-image-wont-fill-the-screen/1338443 "2021-06-11T05:49:27Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![andreas.sjdtomypv](https://avatars.discourse-cdn.com/v4/letter/a/e5b9ba/32.png) [@andreas.sjdtomypv](https://community.thunkable.com/u/andreas.sjdtomypv)\
**Post date:** [June 11, 2021, 5:49am UTC](https://community.thunkable.com/t/background-image-wont-fill-the-screen/1338443/1 "2021-06-11T05:49:27Z")

</div>

Hi. I am not sure my messages get through, I have tried to post in another thread but I get no replays and I am start to thinking it may got something to do with the status for that conversation/thread?? It says it’s “SOLVED”. But I have further questions there, so I thought I might post my question as a new topic, and if this status “SOLVED” has nothing to do with my missing responses, and people indeed see my posts in the original conversations, then please feel free to delete this post if you need to.

Original conversation: [https://community.thunkable.com/t/re-solved-status-bar-color-blending-issue/1293613/6](https://community.thunkable.com/t/re-solved-status-bar-color-blending-issue/1293613/6)

My issue:  
I have now updated to latest version of IOS. This is my result when trying to set a background image to fill my screen:

 ![This is a given color in ”notch area background color” ￼ This is ”notch area background color transparent” ￼ This is ”ignore notch area” ￼](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/e/4ec30bfb340a24b7956091b6a741d8b035e6054f.jpeg)

None one 3 different ways I am using is working for my iPhone XR.

Can someone please help me if I am doing anything wrong, or I really wish you guys at Thunkable could rise this as high priority if it’s a bug?

Thanks!!

/Andreas

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [June 11, 2021, 3:44pm UTC](https://community.thunkable.com/t/background-image-wont-fill-the-screen/1338443/2 "2021-06-11T15:44:15Z")

</div>

Usually, we ask people not to create a new topic for an issue they’ve already posted about. But for some reason, the original topic is not accessible so it’s good you posted this.

Screenshots of your previewed project are helpful but they are the least helpful detail you can provide.

What properties are you setting for your background image’s height, width, background resize mode, etc.? Is the image in a screen or a row/column/group?

---

<div class="post-metadata">

**Author:** ![andreas.sjdtomypv](https://avatars.discourse-cdn.com/v4/letter/a/e5b9ba/32.png) [@andreas.sjdtomypv](https://community.thunkable.com/u/andreas.sjdtomypv)\
**Post date:** [June 11, 2021, 9:01pm UTC](https://community.thunkable.com/t/background-image-wont-fill-the-screen/1338443/3 "2021-06-11T21:01:38Z")

</div>

Hi  
Thanks for your reply.  
Oh, sorry… I will try to be more detailed and specific.

So, I have an image that is 1396 × 2424 pixels which I use as an background image for my Screen, so I have put it as a background directly in my Screen, no rows or columns…  
I use Cover mode, I have also tried Stretch and contain, but none of these will fill my screen after download the app to my phone. It looks ok in the simulator but as soon as I download it it will display like this.

Here are a screenshot for the settings and modes that I use.

 ![Screenshot 2021-06-11 at 22.05.45](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/3/3355b78a39cb46b09960983e28c0b0c4657e880c.png)

What do you mean by properties for height width?

Thanks for any help! 🙏

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [June 11, 2021, 9:07pm UTC](https://community.thunkable.com/t/background-image-wont-fill-the-screen/1338443/4 "2021-06-11T21:07:56Z")

</div>

> [@andreas.sjdtomypv](#):
>
> What do you mean by properties for height width?

Sorry, those are only going to appear if you are using an Image component. For a screen, you won’t have those.

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [June 11, 2021, 9:15pm UTC](https://community.thunkable.com/t/background-image-wont-fill-the-screen/1338443/5 "2021-06-11T21:15:29Z")

</div>

So is the problem that the top “notch” area doesn’t show your background picture? Or that the bottom doesn’t? Or both?

---

<div class="post-metadata">

**Author:** ![andreas.sjdtomypv](https://avatars.discourse-cdn.com/v4/letter/a/e5b9ba/32.png) [@andreas.sjdtomypv](https://community.thunkable.com/u/andreas.sjdtomypv)\
**Post date:** [June 11, 2021, 9:36pm UTC](https://community.thunkable.com/t/background-image-wont-fill-the-screen/1338443/6 "2021-06-11T21:36:56Z")

</div>

Both 😊

As I described in the first post,

When use the “ignore notch area” - it will not show my backgroundimage on either top or bottom.

When use a colour for that area - it shows that colour on top only, not bottom, AND the top gets a white stripe in it… as if the colour missed a piece… or the notch area was not heigh enough.

When use transparent for that area the backgroundimage won’t show fore either top or bottom.

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [June 11, 2021, 10:18pm UTC](https://community.thunkable.com/t/background-image-wont-fill-the-screen/1338443/7 "2021-06-11T22:18:34Z")

</div>

Another user has reported this issue, too:

> [@White gaps on screen iPhone XR](https://community.thunkable.com/t/white-gaps-on-screen-iphone-xr/1339737):
>
> Hi everyone, there are few other topics regarding this kind of issue, but any of these helped me. All running tests were done on iPhone XR with thunkable test app and also with manual profile install. I tried to use function “ignore notch area”, as well any kind of tricks, (modifying the resizing mode) but i’m stil here without a solution. Is this a bug? There are some known workaround? I’m using the drag&drop version of thunkable. This is a photo of my issue.

You may want to submit a bug report on GitHub:

[https://docs.thunkable.com/bugs-and-feature-requests](https://docs.thunkable.com/bugs-and-feature-requests)

---

<div class="post-metadata">

**Author:** ![andreas.sjdtomypv](https://avatars.discourse-cdn.com/v4/letter/a/e5b9ba/32.png) [@andreas.sjdtomypv](https://community.thunkable.com/u/andreas.sjdtomypv)\
**Post date:** [June 12, 2021, 7:40am UTC](https://community.thunkable.com/t/background-image-wont-fill-the-screen/1338443/8 "2021-06-12T07:40:37Z")

</div>

Hi…  
Thanks! I have reported this as a bug now. Thanks for your feedback!  
If you would come up with any workaround in meantime that would be much appreciated 🙂

/Andreas

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 1:20pm UTC](https://community.thunkable.com/t/background-image-wont-fill-the-screen/1338443/9 "2024-11-08T13:20:19Z")

</div>


