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!');
    },
  },
},

Expo / React Native-与StackNavigator对象一起添加可点击图标

1 个答案: