如何在react-native中导航到另一个堆栈？

Question

我正在尝试从“身份验证”堆栈导航到“应用程序”堆栈。 我完全从后端（Laravel）获得响应，但是它无法导航到“ App”堆栈。 那是我的代码。

如何从“登录”屏幕导航到“主页”屏幕？

const AuthStack = createStackNavigator({
    First: FirstScreen,
    SignIn: SignInScreen,                     //-----> Navigate from here
    SignUp: SignUpScreen,
    ForgotPass: ForgotPassScreen,
}, {
    initialRouteName: 'First'
});


const HomeStack = createStackNavigator({
    Home: { screen: HomeScreen },
});

const HistoryStack = createStackNavigator({
    History: { screen: HistoryScreen },
});

const RepaymentStack = createStackNavigator({
    Repayment: { screen: RepaymentScreen },
});

const ProfileStack = createStackNavigator({
    Profile: { screen: ProfileScreen },
});


const AppStack = createBottomTabNavigator(
    {
        Home: { screen: HomeStack },            //-----> Navigate to here
        History: { screen: HistoryStack },
        Repayment: { screen: RepaymentStack },
        Profile: { screen: ProfileStack },
    }
);

export default createAppContainer(
    createSwitchNavigator(
        {
            AuthLoading: AuthLoadingScreen,
            Auth: AuthStack,
            App: AppStack,
        },
        {
            initialRouteName: 'AuthLoading',
        }
    )
);

Answer 1

假设“登录”屏幕为一类，则应使用navigation.navigate

this.props.navigation.navigate('App');

切换导航器将导航到应用程序堆栈，并且将显示第一个标签为Home。