没有为关键身份验证定义路由

Question

我正在使用 react-native-router-flux 进行导航但收到此错误的应用程序

这是我的路由器

<Router navTransparent>
            <Lightbox>
                <Scene key="root" tintColor="#fff" style={{position: 'absolute'}} hideNavBar>
                    <Scene key="redirect" component={EnsureAuthentication}/>
                    <Scene key="auth" navBar={CustomNavBar}>
                        <Scene key="loginSignUp" component={Login} hideNavBar/>
                        <Scene key="login" component={LoginForm} title={I18n.t('loginTitle')} />
                        <Scene key="signUp" component={SignUpForm} title={I18n.t('signUpTitle')}/>
                        <Scene key="googleLogin" component={GoogleLogin}/>
                    </Scene>
                    <Drawer hideNavBar key="app" contentComponent={DrawerContent} drawerWidth={300} drawerOpenRoute="DrawerOpen" drawerCloseRoute="DrawerClose" drawerToggleRoute="DrawerToggle">
                        <Scene key="main" navBar={CustomNavBar}>
                            <Scene key="MapSearch" component={MapSearch}/>
                            <Scene key="ScanQr" hideNavBar component={ScanQr} />
                            <Scene key="searchList" hideNavBar component={SearchList}/>
                            <Scene key="editUserProfile" component={EditUserProfile} title={I18n.t('update')} />
                            <Scene key="stallDetails" hideNavBar component={StallDetails}/>
                            <Scene key="customise" hideNavBar component={Customise}/>
                            <Scene key="cart" hideNavBar component={Cart}/>
                            <Scene key="favourites" hideNavBar component={Favourites}/>
                        </Scene>
                    </Drawer>
                </Scene>
                <Scene key="overlay"/>
                <Scene key="orderOverlay" hideNavBar component={OrderOverlay}/>
                <Scene key="confirmOverlay" hideNavBar component={ConfirmOverlay}/>
                <Scene key="forgotPasswordOverlay" hideNavBar component={ForgotPasswordOverlay}/>
                <Scene key="forgotPwdSuccessOverlay" hideNavBar component={ForgotPwdSuccessOverlay}/>
            </Lightbox>
        </Router>

我打电话给Actions.reset('auths');

如果我调用 Actions.auths() 而不是 Actions.reset('auths'); 并在我调用此方法的同一文件中进行一些更改，应用程序重新加载一切正常，则会出现另一种奇怪的行为。

Answer 1

错误是由拼写错误引起的。您的Action 的key 值并未完全按照您在Scene 中声明的方式调用。调用 Action.auth() 应该可以按预期工作并解决错误。

我可以看到您正在尝试重置Scene。你也可以通过在你的Router 中声明reset 作为道具来做到这一点。这样，导航到Scene 应该每次都会触发reset。

<Scene key="auth" navBar={CustomNavBar} type={ActionConst.RESET}>

如果您尝试为身份验证流程设置一堆场景，您可以尝试设置一个堆栈以拥有initial 属性。我在这里添加了一个代码 sn-p 用于测试：

<Stack key="auth" navBar={CustomNavBar} initial>
  <Scene key="loginSignUp" component={Login} hideNavBar/>
  <Scene key="login" component={LoginForm} title={I18n.t('loginTitle')} />
  <Scene key="signUp" component={SignUpForm} title={I18n.t('signUpTitle')}/>
  <Scene key="googleLogin" component={GoogleLogin}/>
</Stack>