Reactjs 使用react native router flux和抽屉驱动程序

我很好奇我是正确构建了我的应用程序结构，还是完全错了。 这就是我目前在

routes.js中所做的：

 render() {
        if (!this.state.isReady)
            return <Splash/>
        return (
            <Router>
                <Scene key="root" hideNavBar navigationBarStyle={{backgroundColor: "#fff"}} backButtonTintColor={color.black}>
                    <Stack key="Auth" initial={!this.state.isLoggedIn}>
                        <Scene key="Login" hideNavBar component={Login} title="Login"/>
                    </Stack>
                    <Stack key="Main" initial={this.state.isLoggedIn}>
                        <Scene key="DrawNav" drawer hideNavBar component={DrawNav} title={"Home"} type = {ActionConst.REPLACE}/>
                        <Scene key="Home" hideNavBar component={Home} title={"Home"}/>                                                        
                        <Scene key="itemDescription" hideNavBar component={itemDescription} title="Item Description" back/> 
                    </Stack>
                </Scene>
            </Router>
        )
    }

<Stack key="main">
   <Scene key="DrawNav">
       <Stack key="HomeStack">
           <Scene key="Home">
           <Scene key="ItemDescription">
       <Stack key="OrderStack">
           <Scene key="Orders">
           <Scene key="AddOrders">

但现在我开始怀疑我在这里做了什么，问题是，如果说我想做几个
，包含几个
，就像在我的
路线中那样。js
：

 render() {
        if (!this.state.isReady)
            return <Splash/>
        return (
            <Router>
                <Scene key="root" hideNavBar navigationBarStyle={{backgroundColor: "#fff"}} backButtonTintColor={color.black}>
                    <Stack key="Auth" initial={!this.state.isLoggedIn}>
                        <Scene key="Login" hideNavBar component={Login} title="Login"/>
                    </Stack>
                    <Stack key="Main" initial={this.state.isLoggedIn}>
                        <Scene key="DrawNav" drawer hideNavBar component={DrawNav} title={"Home"} type = {ActionConst.REPLACE}/>
                        <Scene key="Home" hideNavBar component={Home} title={"Home"}/>                                                        
                        <Scene key="itemDescription" hideNavBar component={itemDescription} title="Item Description" back/> 
                    </Stack>
                </Scene>
            </Router>
        )
    }

<Stack key="main">
   <Scene key="DrawNav">
       <Stack key="HomeStack">
           <Scene key="Home">
           <Scene key="ItemDescription">
       <Stack key="OrderStack">
           <Scene key="Orders">
           <Scene key="AddOrders">



我必须能够以某种方式将
HomeStack
和
OrderStack
放在
DrawNav
中

我在做我不该做的事吗

如何更好地构建
RNRF
和
DrawerNavigator
之间的协作，以实现上述目标？
您不应该将
react导航
与
react native router flux
一起使用@riwu感谢您的快速响应！这是我需要确认的。那么我应该创建自己的抽屉组件吗？还是有更好的库？
react本机路由器流量
是否支持？如果您需要进一步定制，而API不支持，则应切换到
react导航
react native router flux
只是
react navigation
的包装器，所以它可能缺少一些功能。@riwu-hmm是的，
RNRF
实际上是
react navigation
的包装器，这就是为什么我认为首先可以将
DrumerNavigator
与之一起使用的原因。这是因为我觉得来自
RNRF
的
Drawer
有一定的局限性，但我已经在
RNRF
上构建了我的整个系统，而DrawerNav只是最新添加的，所以我想我会说，转移到
react navigation
，然后试着适应
RNRF
。非常感谢你的帮助！