Add useHeaderHeight to @react-navigation/native-stack package to get the header size which is used on the Stack.Screen.

On tablet in portrait mode it should be awesome to have a tab bar at the bottom and a 1/3 pane left with a list container and at the right side of this pane a 2/3 pane with the detail view of the selection of the list item from the 1/3 part. On tablet in landscape mode, the tab bar should be better aligned at the left of the screen, and still having the 1/3 + 2/3 screen pane ratio. Actually, to be more clear it is a master(list) + detail layout.

horizontal prop will change based on the screen orientation and will rerender the tabBarIcon when horizontal prop changed. Use-case: Not render tabBarIcon (return null) when the device is in landscape mode.

Support for iOS 11 style headers!

I do not think this is possible now - I'd like to completely hide or disable a specific tab in a TabNavigator programatically (eg. if user is deemed to have no access). I found the TabBarVisible property in navigationOptions but that seems to be something else - hiding all the tabs when on that tab - I want to remove a single tab completely from the tab bar, depending upon some state of the containing component. Also I may want to disable a single tab - show it greyed out but not respond to taps.

Support for web in react navigation v5

DrawerNavigation provides almost exactly what we need except we are building our app for tablets and our requirement is for the nav menu to always be open. It would be great to be able to customize the drawerNavigation for tablet applications.

more https://github.com/react-navigation/react-navigation/issues/3720

https://github.com/react-navigation/rfcs/issues/17