react-native - 无法从自定义导航器导航

Question

所以我有一个自定义导航器，用于向后滑动导航。另外，对于出于某些真正原因发布图像而不粘贴代码，我深表歉意。我希望你检查图像。

下面是自定义导航器的代码。 https://gist.github.com/shubham6996/985568f49b2511dec2438c624fe259d0

const SwipeMainStack = () => {
    return(
        <Navigator>
            <Route name="LoggedOutHome" component={LoggedOutHome} />
            <Route name="SignUp" component={SignUp} />
            <Route name="EmailAuth" component={EmailAuth} />
            <Route name="Login" component={Login} />
            <Route name="EmailLogin" component={EmailLogin} />
            <Route name="EmailSignUp" component={EmailSignUp} />
            <Route name="SignupUsername" component={SignupUsername} />
        </Navigator> 
    );
}

const stack = createStackNavigator({
    SwipeStack: {screen: SwipeMainStack},
    TabHolder: {screen: TabHolder},
}, {
    initialRouteName: 'SwipeStack',
    headerMode: 'none',
});

export default createAppContainer(stack);

下面是 LoggedOutHome 屏幕

下面是注册屏幕

下面是 EmailSignUp 屏幕

下面是电子邮件登录屏幕

所以我的导航是如何工作的，当我导航到SignUp屏幕时，它会EmailSignUp带我到EmailAuth.

我可以从使用导航LoggedOutHome到EmailAuth屏幕，this.props.navigator.push('SignUp')但我无法从到EmailAuth导航SignUp

Answer 1

如果您像下面这样定义 SwipeMainStack，那么它应该可以工作。

const SwipeMainStack = createStackNavigator({
    LoggedOutHome: LoggedOutHome,
    SignUp: SignUp,
    EmailAuth:EmailAuth
    Login:Login
    EmailLogin:EmailLogin
    EmailSignUp:EmailSignUp
    SignupUsername:SignupUsername

})



const stack = createStackNavigator({
    SwipeStack: SwipeMainStack
    TabHolder: TabHolder,
}, {
    initialRouteName: 'SwipeStack',
    headerMode: 'none',
});

export default createAppContainer(stack);