这是将堆栈导航器和抽屉导航器一起使用的最佳方法吗？

Question

我已经在React Native中编程了很短的时间，我对React-Navigation一无所知。经过很多尝试之后，我设法将堆栈导航器与自定义抽屉导航器（侧菜单）一起使用，但这似乎很奇怪，因为我的堆栈像屏幕一样在菜单抽屉内。

我的堆栈：

const SignedInStack = () => (
  <Stack.Navigator>
    <Stack.Screen name='Confluence' component={Confluence} />
    <Stack.Screen name='QRCode' component={Main} />
  </Stack.Navigator>
)

在drawermenu中：

const DrawerMenu = () => (
  <Drawer.Navigator
    screenOptions={{ headerShown: false }}
    drawerContent={(props) => <CustomDrawerContent {...props} />}
    detachInactiveScreens={false}
  >
    <Drawer.Screen
      name="SignedInStack"
      component={SignedInStack}
      options={{
        drawerItemStyle: { height: 0 }
      }}
    />
    <Drawer.Screen
      name="QRCode"
      component={Main}
    />
  <Drawer.Navigator/>
);

在app.js中：

const App = () => (
  <NavigationContainer>
    <DrawerMenu />
  </NavigationContainer>
);

以前我在堆栈中使用抽屉菜单，但是该应用程序存在导航问题。