tabBarOnPress在React Navigation v5中不可用

时间:2020-02-25 13:11:34

标签: react-native react-navigation react-navigation-v5 react-navigation-bottom-tab

我正在将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中不可用,在React Navigation v5中是否有tabBarOnPress的替代品? / p>

任何帮助将不胜感激!

1 个答案:

答案 0 :(得分:5)

您需要使用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