I just added an Admob Banner to my screen having a Bottom Tab Navigator, and it has a strange behaviour(/bug?): there is a space at the bottom of the Navigator on iOS.
Before having the banner added it was normal.
This only effects my iOS phone, on Android everything is as expected. (no space)
I did some more testing and on my friend’s Iphone 8 everything looks great. So it might has something to do with the big screens. I am using Iphone XR and there is the white space at the bottom of the Bottom Tab Navigator.
These are my findings, please let me know if this matches your experience:
On iOS, there is a noticeable white gap under the Bottom Tab Navigator, roughly 5mm or 1/4 inch tall.
On Android, there is a much smaller gap under the Bottom Tab Navigator, only a few pixels tall. This gap is only noticeable if the Bottom Tab Navigator has been set to a color that is not white.
In both cases, this gap is present on downloaded apps and on the Thunkable Live app. This gap is white, regardless of the background color of the Screen, or the background color of the bottom Tab Navigator.
There are some things I will modify on your description:
Important note:
Everything worked great until I added AdMob Banner to the screen.
I did some more testing and on my friend’s Iphone 8 everything looks great. So it might has something to do with iOS on big screens . I am using Iphone XR and XS and there are white spaces at the bottom of the Bottom Tab Navigator.
My observations above were made without adding an AdMob banner to the screen. I could see the gap even without the AdMob banner.
I am also testing on an iPhone XR.
Did you see a gap below the Bottom Tab Navigator, on an iPhone XR, before adding an AdMob component to your screen?
I’ll accept that the specific height of this gap will be different on different screens. The gap is a noticeable height on iOS, anyway. (I also didn’t measure with a ruler!)
I said that on Android, the gap is very small and is only noticeable if the Bottom Tab Navigator is not white. You have said that you see no gap on Android, then you said that the gap is very noticeable. Can you clarify which is the case?
Hi, we have safe area by default to help you place your views within the visible portion of the overall interface. If you’d like to remove it, please go to “project setting” and turn on the “Ignore Notch Area” as the attach image show.
(Safe area is 44pt from the top and 34pt from the bottom in portrait mode on new iPhone devices.)
Please give it a try, and let us know if it works for you. Thanks!