title: Is it possible to have a left and right drawer menu in the same header using React Native Navigation 6?
body: <p>I've found various examples using version 5 like this <a href="https://snack.expo.dev/Bkd0MKqb7" rel="nofollow noreferrer">https://snack.expo.dev/Bkd0MKqb7</a> but can't seem to get this working using version 6.</p>
  <p>Here's a snippet of my code showing the main drawer menu which is set to the left and then there is a nested drawer menu which is positioned to the right.  When the button is clicked it opens the left menu, not the right. Is this possible?</p>
  <p>This is how it looks so far...</p>
  <p><a href="https://i.stack.imgur.com/pUIhu.png" rel="nofollow noreferrer">Two drawers on the same page, but not in the same header</a></p>
  <p>Thanks.</p>
  <pre><code>const MainDrawerNavigator = () =&gt; {
    return (
      &lt;Drawer.Navigator screenOptions={{ drawerPosition: &quot;left&quot; }}&gt;
        &lt;Drawer.Screen
          name=&quot;Home&quot;
          component={RightDrawerNavigator}
          options={({ navigation }) =&gt; ({
            headerRight: () =&gt; (
              &lt;Button
                onPress={() =&gt; navigation.toggleDrawer()} 
                title=&quot;Options&quot;
                color=&quot;#000000&quot;
              /&gt;
            ),
          })}
        /&gt;
      &lt;/Drawer.Navigator&gt;
    );
  };
  </code></pre>
  <p>Here's the right drawer code:</p>
  <pre><code>const RightDrawerNavigator = () =&gt; {
    return (
      &lt;Drawer.Navigator initialRouteName=&quot;TeamScreen&quot; screenOptions={{ drawerPosition: &quot;right&quot;, drawerType: &quot;slide&quot; }}&gt;
        &lt;Drawer.Screen name=&quot;TeamScreen&quot; component={TeamScreen} options={{ headerShown: false, title: 'Team Home' }} /&gt;
      &lt;/Drawer.Navigator&gt;
    );
  };
  </code></pre>