Android Expo/React Native-添加可单击图标以及StackNavigator对象

Android Expo/React Native-添加可单击图标以及StackNavigator对象,android,reactjs,react-native,expo,Android,Reactjs,React Native,Expo,有没有办法将可单击图标与StackNavigator对象一起添加 这是一个工作代码,它将显示一个“CreateBoottomTabNavigator”,其中只有一个图标会在按下时显示“OtherScreen” const OtherStack = createStackNavigator({ Other: OtherScreen, }); OtherStack.navigationOptions = { tabBarLabel: 'Other', tabBarIcon:

有没有办法将可单击图标与StackNavigator对象一起添加

这是一个工作代码,它将显示一个“CreateBoottomTabNavigator”,其中只有一个图标会在按下时显示“OtherScreen”

const OtherStack = createStackNavigator({
    Other: OtherScreen,
});

OtherStack.navigationOptions = {
    tabBarLabel: 'Other',
    tabBarIcon: ({
        focused
    }) => (
      <TabBarIcon focused={focused} name='archive' />
    ),
};

export default createBottomTabNavigator({
    OtherStack
});
const OtherStack=createStackNavigator({
其他:其他屏幕,
});
OtherStack.navigationOptions={
tabBarLabel:'其他',
塔巴瑞康:({
专注
}) => (
),
};
导出默认CreateBoottomTabNavigator({
其他堆栈
});
我想在同一个“CreateBoottomTabNavigator”中添加一个共享图标,这样它将与所有其他图标对齐,但我不希望它导致不同的屏幕。我只想让它打开一个共享对话框


我找不到解决这个问题的办法。有可能吗?有人能帮忙吗?

您可以在选项卡栏上添加一个按钮,通过覆盖路线的
tabBarOnPress
,该按钮不会导致另一个屏幕。下面是一个例子:

重要的部分在这里:

Placeholder: {
  screen: () => null,
  navigationOptions: {
    tabBarOnPress: ({ navigation, defaultHandler }) => {
      // don't call default handler!
      alert('pressed placeholder!');
    },
  },
},