# Notch/Dynamic Island buffer zone

**URL:** <https://community.thunkable.com/t/notch-dynamic-island-buffer-zone/3145591>\
**Category:** Questions about Thunkable X\
**Created:** [August 18, 2024, 2:17am UTC](https://community.thunkable.com/t/notch-dynamic-island-buffer-zone/3145591 "2024-08-18T02:17:07Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![jake-cohen](https://avatars.discourse-cdn.com/v4/letter/j/ecd19e/32.png) [@jake-cohen](https://community.thunkable.com/u/jake-cohen)\
**Post date:** [August 18, 2024, 2:17am UTC](https://community.thunkable.com/t/notch-dynamic-island-buffer-zone/3145591/1 "2024-08-18T02:17:07Z")

</div>

HIII  
How many pixels in thunkable should my buffer be on the top for the notch and dynamic island on ios?  
What about on the bottom where you swipe up to go to the home screen. How many pixels should that buffer be?

---

<div class="post-metadata">

**Author:** ![jake-cohen](https://avatars.discourse-cdn.com/v4/letter/j/ecd19e/32.png) [@jake-cohen](https://community.thunkable.com/u/jake-cohen)\
**Post date:** [August 19, 2024, 10:29pm UTC](https://community.thunkable.com/t/notch-dynamic-island-buffer-zone/3145591/2 "2024-08-19T22:29:45Z")

</div>

Anyone know? Please answer!

---

<div class="post-metadata">

**Author:** ![brianl](https://avatars.discourse-cdn.com/v4/letter/b/f14d63/32.png) [@brianl](https://community.thunkable.com/u/brianl)\
**Post date:** [August 20, 2024, 6:20pm UTC](https://community.thunkable.com/t/notch-dynamic-island-buffer-zone/3145591/3 "2024-08-20T18:20:35Z")

</div>

Typically you will not have to account for buffer zones. The buffer zones are typically built in already in the app for the notches and islands. The app’s height will be set to be right below the notch or island.

---

<div class="post-metadata">

**Author:** ![jake-cohen](https://avatars.discourse-cdn.com/v4/letter/j/ecd19e/32.png) [@jake-cohen](https://community.thunkable.com/u/jake-cohen)\
**Post date:** [August 20, 2024, 6:27pm UTC](https://community.thunkable.com/t/notch-dynamic-island-buffer-zone/3145591/4 "2024-08-20T18:27:22Z")

</div>

That’s great.  
What about on the bottom of the screen for IOS and Android? I know IOS has the little bar at the bottom to swipe up to the Home Screen and putting components there would probably be bad and hard to click bc the bar gets in its way

---

<div class="post-metadata">

**Author:** ![brianl](https://avatars.discourse-cdn.com/v4/letter/b/f14d63/32.png) [@brianl](https://community.thunkable.com/u/brianl)\
**Post date:** [August 20, 2024, 7:13pm UTC](https://community.thunkable.com/t/notch-dynamic-island-buffer-zone/3145591/5 "2024-08-20T19:13:33Z")

</div>

If they have the swipe-up bar, then if they were to swipe up, the bar will cover the app for a small period of time and then go back down. I do not believe that it is best to have a buffer zone for that, but you can if you want. I believe it might be around 200 px.

---

<div class="post-metadata">

**Author:** ![jake-cohen](https://avatars.discourse-cdn.com/v4/letter/j/ecd19e/32.png) [@jake-cohen](https://community.thunkable.com/u/jake-cohen)\
**Post date:** [August 20, 2024, 10:09pm UTC](https://community.thunkable.com/t/notch-dynamic-island-buffer-zone/3145591/6 "2024-08-20T22:09:53Z")

</div>

Wait so what is the ignore notch area switch thing in the settings?

---

<div class="post-metadata">

**Author:** ![afnanfozailcw81](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/afnanfozailcw81/32/147438_2.png) [@afnanfozailcw81](https://community.thunkable.com/u/afnanfozailcw81)\
**Post date:** [August 22, 2024, 4:57pm UTC](https://community.thunkable.com/t/notch-dynamic-island-buffer-zone/3145591/7 "2024-08-22T16:57:58Z")

</div>

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/a/3a8e248e8f3cdbd53f1160b3a61db44211d3afe4.png)  
That above makes your app fill the entire screen on an iPhone X or above if you switch it on, but if you turn it on, it may result in some parts of your app on the top being blocked by the notch or the Dynamic Island. You will need to manually program your app to not make stuff blocked by the notch. Otherwise, if you switch it off, Thunkable will automatically set a buffer zone in the place of the notch or dynamic island to avoid contents from being underlapped.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)\
**Post date:** [November 20, 2024, 4:58pm UTC](https://community.thunkable.com/t/notch-dynamic-island-buffer-zone/3145591/8 "2024-11-20T16:58:52Z")

</div>

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.
