具有React Native导航功能的Uber应用程序导航

Question

我正在尝试实现Uber类型导航。

1. 打开抽屉
2. 用户点击一条路线
3. 抽屉关闭
4. 页面以模式形式打开
5. 访问抽屉的唯一方法是关闭模式

我想到了几种方法来做到这一点。创建包含所有路径的堆栈导航器，并创建一个自定义抽屉，单击路径时，我激活close方法并导航至带模式的页面。

const MainNavigator = createStackNavigator({
    one: { screen: one },
    two: { screen: two },
    three: { screen: three}
}, {
    mode: 'modal',
    initialRouteName: 'one'
});

但是。这需要我创建抽屉组件，而现在我要避免使用它。

当我使用createDrawerNavigator时，我获得了抽屉组件，但无法实现所需的导航。有什么建议吗？是否可以将堆栈导航器放入抽屉内？