title: Pass parameters between drawer stacks react-navigation
body: <p>My router setup is as below</p>
  
  <pre><code>import { createAppContainer, createDrawerNavigator, createStackNavigator, createSwitchNavigator } from "react-navigation";
  
  import Home from "./components/Home";
  import Search from "./components/Search";
  import Map from "./components/Map";
  
  import Login from "./components/Login";
  import ForgotPassword from "./components/ForgotPassword";
  
  import SideMenu from "./SideMenu";
  
  const DashboardStack = createStackNavigator(
    {
      Home: { screen: Home },
      Search : {screen : Search}
    }
  );
  
  const MapStack = createStackNavigator(
    {
      Map: { screen: Map },
    }
  );
  
  const AuthStack = createStackNavigator(
    {
      Login: { screen: Login },
      ForgotPassword: { screen: ForgotPassword },
    }
  );
  
  export const DrawerStack = createDrawerNavigator(
    {
      Dashboard: { screen: DashboardStack },
      Map: { screen: MapStack },
    },
    {
      contentComponent: SideMenu,
      drawerWidth: 250
    }
  );
  
  export const AppNavigator = createStackNavigator(
    {
      Drawer: { screen: DrawerStack },
      Auth: { screen: AuthStack },
    },
    {
      // initialRouteName: "Drawer",
      headerMode: 'none',
      mode: 'modal',
    }
  );
  
  export default createAppContainer(DrawerStack);
  </code></pre>
  
  <p>Everything working fine, just a small issue. When I navigate to search screen from home and then switch to the Map screen with parameters, those parameters are not reaching to the Map screen. </p>
  
  <p>My current setup is at <a href="https://snack.expo.io/ByIh8kNrr" rel="noreferrer">codepan</a></p>