tabBarOnPress недоступен в React Navigation v5

Question

Я использую React Navigation v5 с @react-navigation/bottom-tabs, и мои вкладки выглядят примерно так.

<NavigationContainer>
  <Tab.Navigator>
    <Tab.Screen name="Home" component={HomeScreen} />
    <Tab.Screen name="Modal" component={ModalScreen} />
    <Tab.Screen name="Settings" component{SettingsScreen} />
  </Tab.Navigator>

Я хочу открыть экраны на Домашняя страница & Настройки на вкладке, но на вкладке Модальная я бы хотела откройте модальный , и для этого в React Navigation v4 можно использовать tabBarOnPress, который будет выполнять обратный вызов, но который недоступен в React Navigation v5, есть ли альтернатива для tabBarOnPress с React Navigation v5?

Буду признателен за любую помощь!

Answer 1

Вам необходимо использовать tabPress событие:

<Tabs.Screen
  name="Modal"
  component={ModalScreen}
  listeners={{
    tabPress: e => {
      // Prevent default action
      e.preventDefault();
    },
  }}
/>

https://reactnavigation.org/docs/bottom-tab-navigator#events

https://reactnavigation.org/docs/navigation-events#listeners -про-на-экране