title: Multiple drawers in react-navigation 5.0
body: <p>I wrote below code to make multiple side menus but it occurred error </p>
  
  <blockquote>
    <p>Another navigator is already registered for this container. You likely have multiple navigators under a single "NavigationContainer" or "Screen". Make sure each navigator is under a separate "Screen" container.</p>
  </blockquote>
  
  <p>However I've tried to find the Container for multiple drawers but no luck.</p>
  
  <p>What should I do?</p>
  
  <p>Thanks in advance.</p>
  
  <pre><code>import React from 'react';
  import { AppLoading } from 'expo';
  import * as Font from 'expo-font';
  import { Ionicons } from '@expo/vector-icons';
  import { createDrawerNavigator } from '@react-navigation/drawer';
  import { NavigationNativeContainer } from '@react-navigation/native';
  import { Container, Text, Button } from 'native-base';
  import 'react-native-gesture-handler'
  
  function BlankScreen({ navigation }) {
    return (
      &lt;Text&gt;Blank&lt;/Text&gt;
  );
  }
  
  function HomeScreen({ navigation }) {
    return (
      &lt;Container style={{ flex: 1, flexDirection: 'column-reverse' }}&gt;
        &lt;Button onPress={() =&gt; navigation.navigate('Menu')}&gt;
          &lt;Text&gt;Go to Menu&lt;/Text&gt;
        &lt;/Button&gt;
        &lt;Button onPress={() =&gt; navigation.navigate('Favorit')}&gt;
          &lt;Text&gt;Go to Favorit&lt;/Text&gt;
        &lt;/Button&gt;
      &lt;/Container&gt;
  );
  }
  
  function MenuScreen({ navigation }) {
    return (
      &lt;Container style={{ flex: 1, flexDirection: 'column-reverse' }}&gt;
        &lt;Button onPress={() =&gt; navigation.goBack()}&gt;
          &lt;Text&gt;Go back home&lt;/Text&gt;
        &lt;/Button&gt;
      &lt;/Container&gt;
  );
  }
  
  function FavoritScreen({ navigation }) {
    return (
      &lt;Container style={{ flex: 1, flexDirection: 'column-inverse' }}&gt;
        &lt;Button onPress={() =&gt; navigation.goBack()}&gt;
          &lt;Text&gt;Go back home&lt;/Text&gt;
        &lt;/Button&gt;
    &lt;/Container&gt;
  );
  }
  
  const DrawerL = createDrawerNavigator();
  const DrawerR = createDrawerNavigator();
  
  export default function App() {
    return (
      &lt;Container&gt;
        &lt;NavigationNativeContainer&gt;
          &lt;DrawerL.Navigator initialRouteName="Home" drawerPosition="left"&gt;
            &lt;DrawerL.Screen name="Home" component={HomeScreen} /&gt;
            &lt;DrawerL.Screen name="Menu" component={MenuScreen} /&gt;
            &lt;DrawerL.Screen name="Favorit" component={FavoritScreen} /&gt;
          &lt;/DrawerL.Navigator&gt;
          &lt;DrawerR.Navigator initialRouteName="Blank" drawerPosition="right"&gt;
            &lt;DrawerR.Screen name="Blank" component={BlankScreen} /&gt;
            &lt;DrawerR.Screen name="Menu" component={MenuScreen} /&gt;
            &lt;DrawerR.Screen name="Favorit" component={FavoritScreen} /&gt;
          &lt;/DrawerR.Navigator&gt;
        &lt;/NavigationNativeContainer&gt;
      &lt;/Container&gt;
  );
  </code></pre>