createBottomTabNavigator transitionConfig

Question

i'm studying react-native by cloning instagram.

There is any way apply transitionConfig to createBottomTabNavigator(react-navigation)? I know there is no transitionConfig in document. but i want to slide up the page just like instagram's upload

const Footer = createBottomTabNavigator(
  {
    Home: { screen: Home },
    Upload: { screen: Upload  },
  },
  {
    initialRouteName: 'Home',
    transitionConfig: TransitionConfiguration,
  }
);

Answer 1

createBottomTabNavigator do not have transitionConfig. To enable transition when clicking on the nav bar, I made the following workaround.

First put the Upload screen into a StackNavigator, and set tabBarOnPress as follow:

const UploadStack = createStackNavigator({
        Upload: Upload
});

UploadStack.navigationOptions = {
    tabBarOnPress: ({navigation, defaultHandler}) => { navigation.navigate('ModalUpload') }
}

Then put this stack in the BottomTabNavigator

const Footer = createBottomTabNavigator({ 
    Home: Home,
    UploadStack: UploadStack
});

Finally put the BottomTabNavigator and the Upload screen into a StackNavigator with the transitionConfig:

export default createStackNavigator({
    Footer: Footer,
    ModalUpload: Upload

}, {headerMode: 'none', transitionConfig: TransitionConfiguration})