React native 如何在react navigation v4中从底部选项卡导航器调用警报

React native 如何在react navigation v4中从底部选项卡导航器调用警报,react-native,expo,react-native-navigation,react-navigation-bottom-tab,React Native,Expo,React Native Navigation,React Navigation Bottom Tab,调用stackNavigator时,我们使用props.navigation.navigate('home') 但是,当我单击底部选项卡导航图标时,如何调用警报。您可以在导航选项中使用tabBarOnPress,如下所示 CreatePostt:{ 屏幕:createStackNavigator( { CreatePost:{ 屏幕:CreatePost, 导航选项:{ //标题:空 } }, 后扩展:{ 屏幕:后扩展, 导航选项:{ 标题:“上传帖子”, 头型:{ 标高:1 }, } }, }

调用stackNavigator时,我们使用props.navigation.navigate('home')


但是,当我单击底部选项卡导航图标时,如何调用警报。

您可以在
导航选项中使用
tabBarOnPress
,如下所示

CreatePostt:{
屏幕:createStackNavigator(
{
CreatePost:{
屏幕:CreatePost,
导航选项:{
//标题:空
}
},
后扩展:{
屏幕:后扩展,
导航选项:{
标题:“上传帖子”,
头型:{
标高:1
},
}
},
},
{
默认导航选项:{
头饰样式:{
fontWeight:“粗体”
}
}
}
),
导航选项:{
选项卡选项:{
showIcon:没错,
showLabel:错误
},
tabBarVisible:错误,
标签样式:{margin:0,padding:0},
标题:“,
tabBarIcon:({focused})=>,
tabBarOnPress:({navigation,defaultHandler})=>{
}
}
},

谢谢。。它正在工作

const AlertStack = createStackNavigator(
  {
    Alert: AlertScreen

  },
);

AlertStack.navigationOptions = {
  tabBarOnPress: () => {
 alert('Hello');
  },
  };

如何与导航5配合使用