title: react-native drawer with navigation
body: <p>i'm having problem with drawer and navigator</p>
  
  <p><a href="https://github.com/root-two/react-native-drawer" rel="nofollow noreferrer">https://github.com/root-two/react-native-drawer</a></p>
  
  <p>the problem is when i press any button on the drawer with callback for push another view it goes Extremely slow
  here is my code</p>
  
  <pre><code>    render() {
      return &lt;Navigator
          ref={(nav) =&gt; { navigator = nav; }}
          initialRoute={{name:'PlayingNow'}}
          renderScene={this.renderScene}
          configureScene={(route, routeStack) =&gt; ({
              ...route.sceneConfig || Navigator.SceneConfigs.PushFromRight,
              gestures: route.gestures
          })}
          sceneStyle={{backgroundColor:'#F5FCFF'}}
      /&gt;
  }
  
  renderScene(route, navigator){
      let Component = ROUTES[route.name];
      return(
              &lt;Drawer
                  type="overlay"
                  content={&lt;DrawerContent route={route} navigator={navigator}/&gt;}
                  tapToClose={true}
                  panOpenMask={0.1}
                  openDrawerOffset={0.25} // 20% gap on the right side of drawer
                  panCloseMask={0.2}
                  closedDrawerOffset={0}
                  tweenHandler={(ratio) =&gt; ({
                      main: { opacity:(2-ratio)/2 }
                  })}
              &gt;
                  &lt;Component route={route} navigator={navigator}/&gt;
              &lt;/Drawer&gt;
  
          )
  
  }
  </code></pre>
  
  <p>i tried to move the navigator inside the drawer but i lost the reference for navigator and it didn't work for me</p>