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 中不可用，tabBarOnPressReact 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-prop-on-screen