React Navigation V5: как перейти к конкретной вкладке BottomTabNavigator (реагировать с версией навигации 5)

Question

У меня есть код примерно такой:

 <Stack.Navigator headerMode='none'>
        <Stack.Screen name="WelcomeScreen" component={WelcomeScreen} />
        <Stack.Screen name="Login" component={Login} />
        <Stack.Screen name="Signup" component={Signup} />
        <Stack.Screen name="OnboardingSummary" component={OnboardingSummary} />  
        <Stack.Screen name="BottomTabs" component={BottomTabs} />
        <Stack.Screen name="Player" component={Player} />
    </Stack.Navigator>

Здесь BottomTabs - это BottomTab BottomTabNavigator

const Tab = createBottomTabNavigator();
    <Tab.Navigator
        tabBar={props => <VialmaTabs {...props} />}
    >
        <Tab.Screen name="Profile" component={profileStack} />
        <Tab.Screen name="Home" component={HomeStack} />
    </Tab.Navigator>

Домашний стек имеет 2 экрана UserList, UserDetails

function HomeStack() {
return (
    <RadioStack.Navigator headerMode='none'>
        <RadioStack.Screen name="UserList" component={UserList} />
        <RadioStack.Screen name="UserDetails" component={UserDetails} />
    </RadioStack.Navigator>
);

}

Я сейчас на экране игрока и хочу перенаправить экран UserDetails (он пропускает нижние вкладки и список UseList.

Как я могу достичь этого?

Answer 1

У меня есть решение для вышеуказанной проблемы, и я хотел бы поделиться им с вами.

import { StackActions, CommonActions } from '@react-navigation/native';

this.props.navigation.dispatch(StackActions.replace('BottomTabs', {
            screen: 'Home', 
                params: {
                         screen: 'UserDetails',
                         params: {
                           [....PARAMS],
                         }
                }
        }));

Надеюсь, это поможет вам!