一起使用DrawerNavigator和StackNavigator

Question

我有一个概述页面，该页面的左侧有一个图标，用于打开抽屉。现在，我想从抽屉中的一个按钮进行导航。现在，这就是我定义NavigationContainer的方式。

const MapStack = ({ navigation }) => {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen name="Overview" component={SocketMap} />
      </Stack.Navigator>
      <DrawerView.Navigator>
        <DrawerView.Screen name="WalletNew" component={walletActual} />
      </DrawerView.Navigator>
    </NavigationContainer>
  );
};

const Stack = createStackNavigator();
const DrawerView = createDrawerNavigator();

但这会重现以下错误：

错误：看来您已经在另一个嵌套了“ NavigationContainer”。通常，您在应用程序的根目录仅需要一个容器，因此这可能是一个错误。如果这是故意的，请显式传递“ independent = {true}”。请注意，这会使子导航器与父导航器断开连接，您将无法在它们之间导航。

对于此问题，任何建议将不胜感激。