React navigation - переключение между двумя вкладками навигации

Question

Друзья, много раз пробовал но не получилось. Как я могу переключаться между двумя вкладками навигации, например: 1. вкладка навигации становится членом и входом, 2. домашняя страница навигации вкладок, настройки и т. Д. c. Я делал это в версии 3, но теперь по какой-то причине не смог, спасибо всем друзьям, которые помогли

Answer 1

вот краткий фрагмент, я показываю только полные logi c одного навигатора вкладок * для справки, но второй может следовать за тем же logi c.

Использование реакции навигации v5.xx Работает вложение навигаторов в экраны

 import { NavigationContainer } from '@react-navigation/native';
 import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
 import { createStackNavigator } from '@react-navigation/stack';

 const HomeTabsNavigator = createBottomTabNavigator();

      const HomeTabRenderer = () => {
        const initialRouteName = 'Feed';
        const initialRouteParams = {};
        return (
          <HomeTabsNavigator.Navigator
            initialRouteName={initialRouteName}
            initialRouteParams={initialRouteParams}
          >
            <HomeTabsNavigator.Screen name={'Feed'} component={'<add react component>'} />
            <HomeTabsNavigator.Screen name={'Dashboard'} component={'<add react component>'} />
            <HomeTabsNavigator.Screen name={'Friends'} component={'<add react component>'} />
          </HomeTabsNavigator.Navigator>
        );
      };

      const Stack = createStackNavigator();
      const StackRenderer = () => {
        const initialRouteName = 'FirstTabNav';
        const initialRouteParams = {};
        return (
        <NavigationContainer>
          <Stack.Navigator initialRouteName={initialRouteName}
            initialRouteParams={initialRouteParams}
            headerMode={'none'}
          >
            <Stack.Screen name={'FirstTabNav'} component={HomeTabRenderer} />
            <Stack.Screen name={'SecondTabNav'} component={OtherTabRenderer} />
          </Stack.Navigator>
        </NavigationContainer>
        )
      }