【问题标题】:Navigation from drawer in react native router flux在反应本机路由器通量中从抽屉导航
【发布时间】:2020-04-22 09:00:21
【问题描述】:

我使用react-native-router-flux 在 React 应用中进行导航。我已经在路由中实现了抽屉。

这是我的

Routes.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>

现在,我可以使用Actions.forgotPassword() 从抽屉选项卡之一移动到forgotPassword,但从forgotPassword 我无法使用Actions.pop() 回到抽屉。谁能告诉我这里出了什么问题?

谢谢。

【问题讨论】:

    标签: reactjs react-native react-native-router-flux


    【解决方案1】:

    也许你可以试试这个:

    openDrawer = () => {
        Actions.refresh({key: 'drawer', open: true });
    }
    
    <Scene key="forgotPassword" hideNavBar={false} component={ForgotPasswordScreen} navBar={() => <Header title="Forgot Password" />} back={true} onBack={this.openDrawer} />
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-08-04
      相关资源
      最近更新 更多