title: How to add a Drawer Inside Stack Navigation in React Navigation
body: <p>I am working on a Practice Project like Login/Register Application and I am using Stack Navigation from react-navigations and it's working perfect,</p>
  
  <p>Now when User Login's he should be redirected to the Dashboard Screen where <strong>I want a Drawer to the right side of the header</strong> "I also added a screenshot" and I created the Dashboard Screen also in Stack Navigation I don't know How I can add that Drawer inside the Stack Navigation I just want Drawer on my Dashboard Screen so anyone who can help with that? Thanks </p>
  
  <p><a href="https://i.stack.imgur.com/f5J55.png" rel="noreferrer"><img src="https://i.stack.imgur.com/f5J55.png" alt="This is What I want to look on my Dashboard Screen"></a></p>
  
  <p>App.js (Where I added all Stack Screens)</p>
  
  <pre><code>    import React from 'react';
  
      import { createStackNavigator, createDrawerNavigator } from 'react-navigation';
  
      import HomeScreen from './screens/HomeScreen';
      import LoginScreen from './screens/LoginScreen';
      import RegisterScreen from './screens/RegisterScreen';
      import Dashboard from './screens/Dashboard';
  
      const StackNavigation = createStackNavigator({
        HomeStack: HomeScreen,
        LoginStack: LoginScreen,
        RegisterStack: RegisterScreen,
        DashboardStack: Dashboard,
  
      }, {
          initialRouteName: 'HomeStack',
        });
  
        const DrawerNav = createDrawerNavigator({
          DashboardStack: Dashboard,
        })
  
  
      export default class App extends React.Component {
        render() {
          return (
            &lt;StackNavigation /&gt;
          );
        }
      }
  </code></pre>
  
  <p>Dashboard.js</p>
  
  <pre><code>    import React from 'react';
      import { Text, View, StyleSheet, TouchableOpacity } from 'react-native';
  
      import Icon from 'react-native-vector-icons/FontAwesome';
  
      export default class Dashboard extends React.Component {
  
          static navigationOptions = {
  
              headerTitle: 'Dashboard',
              headerLeft: null,
  
              headerTitleStyle: {
                  flex: 1,
                  color: '#fff',
                  textAlign: 'center',
                  alignSelf: 'center',
                  fontWeight: 'normal',
              },
  
              headerStyle: {
                  backgroundColor: '#b5259e',
              },
          }
  </code></pre>