从抽屉中导航到反应原生路由器的通量

问题描述 投票:1回答:1

我已经使用了 react-native-router-flux 在反应式应用中实现导航。我已经在路由中实现了Drawer。

下面是我的

路由.js

<Router>

    <Scene key="app" hideNavBar={true} initial={this.props.isLoggedIn}>

        <Drawer key="drawer" drawer={true} contentComponent={SideMenu} initial={true}>
                 <Scene key="homeScreen" component={HomeScreen} hideNavBar={false} navBar={() => <HeaderDrawer title="Home" />} />
                 <Scene key="paymentScreen" component={PaymentScreen} hideNavBar={false} navBar={() => <HeaderDrawer title="Payment" />} />
                 <Scene key="activityScreen" component={ActivityStatement} hieNavBar={false} navBar={() => <HeaderDrawer title="Activity Statements" />} />
         </Drawer>

        <Scene key="forgotPassword" hideNavBar={false} component={ForgotPasswordScreen} navBar={() => <Header title="Forgot Password" />} />

    </Scene>

<Router>

现在,我可以从其中的一个抽屉标签移动到 forgotPassword 使用 Actions.forgotPassword() 但从 forgotPassword 我无法回到抽屉中,使用 Actions.pop(). 谁能告诉我这是什么问题?

谢谢。

reactjs react-native react-router react-native-router-flux
1个回答
0
投票

也许你可以试试这个。

openDrawer = () => {
    Actions.refresh({key: 'drawer', open: true });
}
<Scene key="forgotPassword" hideNavBar={false} component={ForgotPasswordScreen} navBar={() => <Header title="Forgot Password" />} back={true} onBack={this.openDrawer} />
© www.soinside.com 2019 - 2024. All rights reserved.