我已经使用了 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()
. 谁能告诉我这是什么问题?
谢谢。
也许你可以试试这个。
openDrawer = () => {
Actions.refresh({key: 'drawer', open: true });
}
<Scene key="forgotPassword" hideNavBar={false} component={ForgotPasswordScreen} navBar={() => <Header title="Forgot Password" />} back={true} onBack={this.openDrawer} />