search

ptomasroos / react-native-tab-navigator

A tab bar that switches between scenes, written in JS for cross-platform support
MIT License
2.4k stars 415 forks source link

creating two tab navigators is splitting the screen #136

Closed ahmdsdk closed 7 years ago

ahmdsdk commented 7 years ago

I am creating an app with two TabNavigators one at the top and one at the bottom.. but When I do that, the selected tab view is not taking the full screen rather than the screen is getting divided horizontally. where the bottom screen corresponds to the bottom TabNavigator and the top screen relates to the top TabNavigator.. is there a way to solve this issue?

ide commented 7 years ago

TabNavigator was designed to support just one tab bar at a time. You could try nesting the TabNavigators -- in your root component have TabNavigator 1, and then in a tab item's screen you'd put Tab Navigator 2.

ahmdsdk commented 7 years ago

But that would mean Tab navigator 2 won't show up unless that tab item which includes the Tab navigator 2 is selected, right?

ide commented 7 years ago

Yeah. If you want both tabs to always be present on the screen you should fork this component or write your own.

ptomasroos commented 7 years ago

Will close this as its not in the goals for this library to provide.