title: react-navigation Drawer and Stack nested
body: <p>I want to accomplish the most commont android structure: a drawer navigator with an header (stackNavigator).</p>
  
  <p>The app is very simple: it is a dictionary and shows a list of item grouped by first letter (<code>BrowseScreen</code>) and also it allows a search by keyword (<code>SearchScreen</code>, someone call this Master–detail pattern).
  Starting from those 2 screens, I have to be able to reach the <code>ItemScreen</code> (which shows the details of a single term).</p>
  
  <p>How can I structure this in react-navigator 3? This is my attempt, but I'm not sure it's the best way, and also I don't know where to place <code>ItemScreen</code>. No drawer item should be active while I'm on an <code>ItemScreen</code>.</p>
  
  <pre><code>const RootDrawer = createDrawerNavigator(
      {
  
          Home: {
              screen: createStackNavigator({
                  Home: { screen: Home },
                  //Browse: { screen: Browse },
                  //Search: { screen: Search }
              }, {
                  initialRouteName: 'Home',
  
              })
          },
          Browse: {
              screen: createStackNavigator({
                  Browse: { screen: Browse }, //it shows a grid of buttons with the alphabet
                  Search: { screen: Search }, //it shows the items by a First letter 
              }, {
                  initialRouteName: 'Browse',
              })
  
          },
          Search: {
              screen: createStackNavigator({
                  Search: { screen: Search}
              }, {
                  initialRouteName: 'Search',
              })
          },
          Bookmarks: {
              screen: createStackNavigator({
                  Bookmark: { screen: Bookmarks },
                  Item: { screen: ItemScreen  },
              }, {
                  initialRouteName: 'Bookmark',
              })
          }
      },
      {
          mode: 'modal',
          headerMode: 'screen' ,
          initialRouteName: 'Home',
      }
  );
  </code></pre>