createMaterialTopTabNavigator не перемещается после одной навигации

Question

Когда я использую createBottomTabNavigator для своего приложения, оно отлично работает как на iOS, так и на Android. Но когда я изменяю его на createMaterialTopTabNavigator, он перестает перемещаться после одного щелчка по вкладкам на Android (симулятор iPhone работает нормально). Я все еще могу провести пальцем влево и вправо на разные вкладки, но панель вкладок больше не перенаправляет. Приложение не зависает, оно хорошо реагирует, но перенаправление не происходит. И если я изменю его на createBottomTabNavigator, он снова будет работать отлично. В чем может быть проблема? Я тестировал его на реальном устройстве Android, все то же самое Там нет опций tabBar или что-нибудь еще. Самое странное, что смахивание все еще работает.

const JournalStack = createStackNavigator({
    Journal: JournalScreen,
    ActivityDetail: ActivityDetailsScreen,
})

const HomeStack = createStackNavigator({
    Home: HomeScreen,
})

const TasksStack = createStackNavigator({
    Tasks: TasksScreen,
})

export const MainTabs = createMaterialTopTabNavigator({
    Journal: JournalStack,
    Home: HomeStack,
    Tasks: TasksStack,
})

Вот небольшое видео, демонстрирующее проблему https://i.imgur.com/34gPrIJ.mp4

Answer 1

Это известная проблема https://github.com/react-navigation/react-navigation/issues/5684, ее можно исправить, используя действия, описанные в этом выпуске, или используя последнюю версию (альфа) вкладок реагирования навигации https://github.com/react-navigation/react-navigation-tabs/releases/tag/v2.0.0-alpha.0. Тем не менее, вам нужно добавить реанимированную как зависимость, но это должна быть библиотека для действительно производительной анимации и исправления производительности на старых устройствах