createBottomTabNavigator transitionConfig

Question

Я изучаю реактивный род путем клонирования instagram.

Есть ли способ применить transitionConfig для созданияBottomTabNavigator (реакция-навигация)?Я знаю, что нет переходаConfig в документе .но я хочу сдвинуть страницу так же, как загрузка Instagram

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

Answer 1

createBottomTabNavigator не имеет transitionConfig.Чтобы включить переход при нажатии на навигационную панель, я сделал следующий обходной путь:

Сначала поместите экран загрузки в StackNavigator и установите tabBarOnPress следующим образом:

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

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

Затем поместите этот стекв BottomTabNavigator

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

Наконец, поместите BottomTabNavigator и экран загрузки в StackNavigator с помощью transitionConfig:

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

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