# Ignore Notch Area

**URL:** <https://community.thunkable.com/t/ignore-notch-area/1256128>\
**Category:** Questions about Thunkable X\
**Created:** [May 1, 2021, 4:45am UTC](https://community.thunkable.com/t/ignore-notch-area/1256128 "2021-05-01T04:45:45Z")\
**Posts on this page:** 5\
**Page:** 1

<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:** [May 1, 2021, 4:45am UTC](https://community.thunkable.com/t/ignore-notch-area/1256128/1 "2021-05-01T04:45:45Z")

</div>

Has anyone tried the new “Ignore Notch Area” setting for iOS devices? I was excited that it’s possible to extend the project screen into the notch area on an iPhone 11. But when I download a project with that setting enabled, the notch area is still white and doesn’t include my screen design.

I’m using the legacy interface.

Curious if anyone has gotten it to work?

[https://docs.thunkable.com/projects/settings#ignore-notch-area](https://docs.thunkable.com/projects/settings#ignore-notch-area)

---

<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:** [May 1, 2021, 5:41am UTC](https://community.thunkable.com/t/ignore-notch-area/1256128/2 "2021-05-01T05:41:19Z")

</div>

And then if I set a notch area background color, it only affects the top part of the screen, not the bottom.

---

<div class="post-metadata">

**Author:** ![arturogomgar1xz](https://avatars.discourse-cdn.com/v4/letter/a/258eb7/32.png) [@arturogomgar1xz](https://community.thunkable.com/u/arturogomgar1xz)\
**Post date:** [July 21, 2021, 1:57pm UTC](https://community.thunkable.com/t/ignore-notch-area/1256128/3 "2021-07-21T13:57:40Z")

</div>

Same thing is happening to me.

I trying to remove the notch area in IOS, by turning on the switch in my proyect settings.  
But still showing this notch area in white for iphone, doesnt matter if this setting is turned off or on.

Help us pls!!

---

<div class="post-metadata">

**Author:** ![kareem](https://avatars.discourse-cdn.com/v4/letter/k/9de053/32.png) [@kareem](https://community.thunkable.com/u/kareem)\
**Post date:** [September 26, 2021, 6:24pm UTC](https://community.thunkable.com/t/ignore-notch-area/1256128/4 "2021-09-26T18:24:03Z")

</div>

Here to add my input to this problem, hopefully it can be solved. I have two different apps with ignore notch area and the results shown below are for IOS (14, I’m afraid to upgrade to 15 as some clients have been unable to use the apps).

**App 1**  
`Ignore notch area = true`, the screen colour is green and it covers the entire top, but for some reason the bottom, even though the the white column is set to fill container. Any idea how to fix this if it has already been fixed? Seems like it worked for the top.

 ![WhatsApp Image 2021-09-26 at 18.51.25](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/4/f45b2336ef7f56ff9702a702e8c9678b6633e7d1.jpeg)

`Ignore notch area = true`, the screen background image does not go all the way to the top, `image resize mode = cover`. I know it wont cover that part on android but we can set the colour of the status bar so it’s fine, but since we can’t on IOS, is that just how it can be? The empty space at the bottom is still an issue here as well.

 ![WhatsApp Image 2021-09-26 at 18.51.25 (1)](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/c/ecb7addbe70d3114b2faf6b537c7df3624360e83.jpeg)

**App 2**  
`Ignore notch area = true`, here the main issuce comes with the drawer navigator. The top most button goes _into_ the notch area. Can get annoying dependant on the phone screen size, and it is also why I had initially assumed that you can indeed have the background image go into the notch area as well which unfortunately wasn’t the case in app 1 as you as above.  
 ![WhatsApp Video 2021-09-26 at 18.57.00_1](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/4/848c78cfa484c40bc7461bc2099100e67924abd0.gif)

---

<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:22pm UTC](https://community.thunkable.com/t/ignore-notch-area/1256128/5 "2024-11-08T13:22:47Z")

</div>


