Не удается перейти к другой вкладке в BottomTabNavigator

Question

У меня BottomTabNavigator с 4 вкладками. У меня есть структура, как на скриншоте ниже. Это представление под BottomTabBar, которое достигается, но проблема в том, что я не могу перейти с вкладки «Главная страница / поиск» на любую другую вкладку. Кроме того, я попытался передать навигацию в <Appcontainer />, как указано ниже в коде, но он также не работает.

Я использую реагирование-навигация v3.11.2

Есть ли другой способ пройти навигационную опору в <Appcontainer />. Или любой другой метод, чтобы я мог перемещаться в BootomTabs.

const Tabs = createBottomTabNavigator(
  {
    Home: {
      screen: Home,
    },
    Search: {
      screen: Search,
    },
    Add: {
      screen: () => null,
      navigationOptions: () => ({
        tabBarOnPress: async ({ navigation }) => {
          navigation.navigate('Upload');
        }
      }),
    },
    Profile: {
      screen: Profile,
    },
  },
);

export default class ParentTabs extends React.Component {
    render() {
        const { navigate } = this.props;
        return (
            <View>
                <AppContainer navigate={navigate} />
                <View>
                  <Text>My Text</Text>
                </View>
            </View>
        );
    }
}

const AppContainer = createAppContainer(Tabs);

Answer 1

navigation.navigate('Upload');

Вы не можете перейти ни к какому случайному компоненту. Загрузка должна быть именем маршрута, определенным в вашей вкладке навигатора.

В противном случае вам нужно активировать лог загрузки c на экране добавления