Swiping between tabs using createMaterialBottomTab

Question

I have used React Navigation's createMaterialBottomTabNavigator to create a bottom tab navigator in my app. I want the screens to "slide" in from the left or right when the tab is changed, and swiping on the screen to be able to change tabs. I've looked into the documentation https://reactnavigation.org/docs/en/material-bottom-tab-navigator.html, and I can't find any configuration options that would make this happen. Why is this?

Answer 1

Solution

You can use createMaterialTopTabNavigator instead of createMaterialBottomTabNavigator and set the tabBarPosition option to bottom. Official

Why?

swipeEnabled is not supported anymore in BottomTabnavigator of React Navigation > 2.0.

It is worth noting additionally that createBottomTabNavigator is different from the bottom tab navigator that is available through TabNavigator in that it does not support animationEnabled or swipeEnabled properties.

Check Release note.