# \[Solved\] Bottom Tab navigator cut in half

**URL:** <https://community.thunkable.com/t/solved-bottom-tab-navigator-cut-in-half/590966>\
**Category:** Questions about Thunkable X\
**Tags:** solved\
**Created:** [June 3, 2020, 4:31am UTC](https://community.thunkable.com/t/solved-bottom-tab-navigator-cut-in-half/590966 "2020-06-03T04:31:49Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![brunoborgez](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/brunoborgez/32/71354_2.png) [@brunoborgez](https://community.thunkable.com/u/brunoborgez)\
**Post date:** [June 3, 2020, 4:31am UTC](https://community.thunkable.com/t/solved-bottom-tab-navigator-cut-in-half/590966/1 "2020-06-03T04:31:49Z")

</div>

Hello! my app is ok in the thunkable platform. However, when I download the apk, my Bottom Tab navigator is cut in half. What could be happening?

t

 ![20200603_013210](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/6/36723efa0292016ddad8804d41f6766c3a87158c.jpeg)

Its my app on thunkable live:

 ![Screenshot_20200603-013448_Thunkable](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/2/526369757ec41aa9e8f48a4d620867edd6a30dc9.jpeg)

---

<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:** [June 5, 2020, 6:44pm UTC](https://community.thunkable.com/t/solved-bottom-tab-navigator-cut-in-half/590966/2 "2020-06-05T18:44:54Z")

</div>

Hey @brunoborgez, great to see you again!

I really like the design of your app, so let’s try figure out what’s happening with your navigator.

First question - have you changed the sizing of any of the screens _inside_ the tab navigator?

---

<div class="post-metadata">

**Author:** ![brunoborgez](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/brunoborgez/32/71354_2.png) [@brunoborgez](https://community.thunkable.com/u/brunoborgez)\
**Post date:** [June 5, 2020, 8:08pm UTC](https://community.thunkable.com/t/solved-bottom-tab-navigator-cut-in-half/590966/3 "2020-06-05T20:08:24Z")

</div>

Hi, @domhnallohanlon!  
I don’t remember changing that. I already tried to create a new Bottom Tab Navigator and change the screens that are inside it, but that also didn’t solve the problem ☹

---

<div class="post-metadata">

**Author:** ![choi\_beomgyu](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/choi_beomgyu/32/105994_2.png) [@choi\_beomgyu](https://community.thunkable.com/u/choi_beomgyu)\
**Post date:** [June 5, 2020, 11:38pm UTC](https://community.thunkable.com/t/solved-bottom-tab-navigator-cut-in-half/590966/4 "2020-06-05T23:38:20Z")

</div>

can you send a link?

---

<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:** [June 6, 2020, 9:07am UTC](https://community.thunkable.com/t/solved-bottom-tab-navigator-cut-in-half/590966/5 "2020-06-06T09:07:52Z")

</div>

Interesting. Both of your screenshots look like there’s quite a gap at the top of the screen - is that intentional?

Would you mind sharing a screenshot of your component tree too please @brunoborgez?

---

<div class="post-metadata">

**Author:** ![brunoborgez](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/brunoborgez/32/71354_2.png) [@brunoborgez](https://community.thunkable.com/u/brunoborgez)\
**Post date:** [June 6, 2020, 12:32pm UTC](https://community.thunkable.com/t/solved-bottom-tab-navigator-cut-in-half/590966/6 "2020-06-06T12:32:25Z")

</div>

After a few hours I was able to fix it. The previous screen (my splash screen where I load all the data from the app) had the translucent status bar active. When finished loading, the app opened and threw all the content down, generating a gap. After disabling the translucent status bar on the previous screen, the bottom tab navigator returned to normal operation. thanks for the help, @domhnallohanlon!

**MARK SOLVED**

---

<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, 11:28am UTC](https://community.thunkable.com/t/solved-bottom-tab-navigator-cut-in-half/590966/7 "2024-11-08T11:28:02Z")

</div>


