我正在将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>
任何帮助将不胜感激!
答案 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