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