如何使用react-native-router-flux实现两个抽屉？

Question

我尝试遵循this guide，但它使用的是较旧版本的react-native-router-flux，但似乎无法正常工作。我可以创建一个可以滑入和滑出的<View>，但是我需要其他所有页面都可以使用它，并且它必须位于<Router>内，这样我才能导航到其他页面。有任何想法吗？

目前，这就是我的Route组件的样子。

<Router>
    <Stack key="root">

      {/* Login Stack */}
      <Stack
        key="login"
        initial
        init
        hideNavBar
      >
        <Scene component={Login} />
      </Stack>

      {/* After Login */}
      <Drawer
        hideNavBar
        key="leftDrawer"
        drawerPosition="left"
        contentComponent={ProfileMenu}
        navigationBarStyle={{ backgroundColor: colors.primary }}
        drawerWidth={300}
      >
        <Scene
          key="home"
          title="Home"
          component={Home}
          renderLeftButton={this.renderProfileDrawerButton()}
          renderRightButton={this.renderNotificationsDrawerButton()}
          renderTitle={this.renderTitle('Home')}
        />
        <Scene
          key="about"
          title="About"
          component={About}
          renderLeftButton={this.renderProfileDrawerButton()}
          renderRightButton={this.renderNotificationsDrawerButton()}
          renderTitle={this.renderTitle('About')}
        />
      </Drawer>
    </Stack>
  </Router>

非常感谢您的帮助。谢谢！