0

i am using react navigation v5 lib @react-navigation/bottom-tabs

my bottom tabs does not rendering the way is suppose to be(as i think), here is the photos

it renders as:

enter image description here

what i think it suppose to be :

enter image description here

how to make my app as second pic Edit : i may add marginBottom for every screen as solution, but is't the best solution?

Alarees Samer
  • 93
  • 9
  • Ciao, can you show relevant part of code you made? – Giovanni Esposito Aug 08 '20 at 10:09
  • it's just as the one in the react navigation documentation page – Alarees Samer Aug 08 '20 at 10:11
  • ``` ``` – Alarees Samer Aug 08 '20 at 10:12
  • I didn't developed reac-navigation, but I think that bottom tab is located on a different z-index of the screen. So it appears on top of the screen. You could use marginBottom but I don't get the point? Why you want this particular rendering? I mean if screen content is longer than screen size, you have to scroll down the screen with or without marginBottom... – Giovanni Esposito Aug 08 '20 at 10:24
  • if i use z-index the bottom tabs gets behind the screen and it will become invisible. and when i use `scrollview` it will reduce the same issue, @GiovanniEsposito thanks for trying to help – Alarees Samer Aug 08 '20 at 10:50

0 Answers0