stesvis / ReactNativeDemo

0 stars 0 forks source link

Top tab navigation bug on iOS #4

Open stesvis opened 2 years ago

stesvis commented 2 years ago

This happens in iOS only. Pull the latest code from master.

Run the app, you will see this. For some reason, there is a margin at the bottom applied to iOS only (yellow color): image

That margin disappears if you click on the other tab (TEST 2) and then go back: image

It used to work before, but now there is this gap at the bottom. It has to do with the top tabs @react-navigation/material-top-tabs.

NOTE: if you go to the file navigationTheme.js/DarkTopTabNavigationOptions (or LightTopTabNavigationOptions) and uncomment height: 0 you will see that obviously the top navigation is hidden, but also the yellow margin is gone.

image