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

Question

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

这是一个有效的代码，它将显示一个“createBottomTabNavigator”，只有一个图标会在按下时显示“OtherScreen”。

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

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

export default createBottomTabNavigator({
    OtherStack
});

我想向同一个“createBottomTabNavigator”添加一个共享图标，以便它与所有其他图标对齐，但我不希望它导致不同的屏幕。我只是想让它打开一个共享对话框。

我找不到解决方案。有可能吗？有人可以帮忙吗？

Answer 1

您可以通过覆盖路由的 tabBarOnPress 向标签栏添加一个按钮，该按钮不会导致另一个屏幕。这是一个例子:https://snack.expo.io/@notbrent/playful-almond

重要的部分在这里:

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