title: What is the difference between nesting a Drawer navigator inside a Stack navigator, or the opposite?
body: <p>In the documentation for version 6.x of React Navigation, in fundamentals,  <a href="https://reactnavigation.org/docs/nesting-navigators/#navigating-to-a-screen-in-a-nested-navigator" rel="nofollow noreferrer">Navigating to a screen in a nested navigator</a>, they have an example of nesting a Drawer navigator inside of a Stack navigator.</p>
  <pre><code>function Root() {
    return (
      &lt;Drawer.Navigator&gt;
        &lt;Drawer.Screen name=&quot;Home&quot; component={Home} /&gt;
        &lt;Drawer.Screen name=&quot;Profile&quot; component={Profile} /&gt;
        &lt;Stack.Screen name=&quot;Settings&quot; component={Settings} /&gt;
      &lt;/Drawer.Navigator&gt;
    );
  }
  
  function App() {
    return (
      &lt;NavigationContainer&gt;
        &lt;Stack.Navigator&gt;
          &lt;Stack.Screen
            name=&quot;Root&quot;
            component={Root}
            options={{ headerShown: false }}
          /&gt;
          &lt;Stack.Screen name=&quot;Feed&quot; component={Settings} /&gt;
        &lt;/Stack.Navigator&gt;
      &lt;/NavigationContainer&gt;
    );
  }
  </code></pre>
  <p>Why is it shown like this and not the Drawer as the parent navigator and the Stack inside?</p>
  <p>I've seen <a href="https://dev.to/easybuoy/combining-stack-tab-drawer-navigations-in-react-native-with-react-navigation-5-da" rel="nofollow noreferrer">other</a> examples that do this (Drawer parent, Stack inside) but I don't understand what the difference in terms of layouts or the final UI.</p>