javascript - 使用 react-navigation 在 react native 中的不同导航器之间跳转

Question

我有 3 个导航器。 MainNavigator 是其他两个(Auth 和 Activities)的根。根据用户是否已成功登录，我需要将用户从 Auth Stack 路由到 Activities 堆栈。我怎样才能做到这一点？我似乎还无法弄清楚这一点(react-native 的新手，来自 Angular)。

这是我用来导航到 Activities 堆栈的代码行:

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

授权:

export const AuthNavigator = StackNavigator({
    Login: {
        screen: Login,
    },
    SignUp: {
        screen: SignUp
    },
    Confirm: {
        screen: ConfirmSignUp
    }
}, {
    initialRouteName: 'Login',
    headerMode: 'none',
    animationEnabled: 'true'
});

事件:

export const ActivitiesNavigator = TabNavigator({
    ActivityList: {
        screen: ActivityList
    },
    MyActivityList: {
        screen: MyActivityList
    },
    CreateActivity: {
        screen: CreateActivity
    }
}, {
    initialRouteName: 'ActivityList'
});

主导航器:

export const MainNavigator = StackNavigator({
    Auth: { screen:  AuthNavigator},
    Activities: { screen: ActivitiesNavigator },
}, {
    initialRouteName: 'Auth',
    headerMode: 'none',
    animationEnabled: 'true'
});

Answer 1

这确实有效。 sleep 不足使我以不同的方式使用“导航”命令。所以在我的 App.js 文件中，我只需要返回 MainNavigator 就可以了:

render() {

    return (
        <MainNavigator/>
    );
}