title: How to pass navigator reference to React Native <Drawer/>?
body: <p>Using react-native-drawer ( <a href="https://github.com/root-two/react-native-drawer" rel="nofollow">https://github.com/root-two/react-native-drawer</a> ) in my index.ios.js, I have the following set up and trying to pass 'navigator' reference into content's &lt; DrawerPanel /> of &lt; Drawer />. I console.log(this.props.navigator) in &lt; DrawerPanel /> but a wrong navigator reference is passed in, when I am attempting to do similar to this.props.navigator.replace() inside &lt; DrawerPanel /></p>
  
  <p>How can I pass in the right navigator constructor like that of being passed into renderScene and configureScene? :</p>
  
  <pre><code>class practice extends Component {
      ...
      renderScene(route, navigator){
          ...
      }
  
      configureScene(route, routeStack){
          ...
      }
  
      render() {
          return (
            &lt;Drawer
              content={&lt;DrawerPanel navigator={navigator}/&gt;}
              ...
            &gt;
              &lt;Navigator
                configureScene={this.configureScene}
                initialRoute={{name: 'Login', component: Login}}
                renderScene={this.renderScene}
                style={styles.container}
                navigationBar={
                  &lt;Navigator.NavigationBar
                    style={styles.navBar}
                    routeMapper={NavigationBarRouteMapper(this.openDrawer)}
                  /&gt;
                }
              /&gt;
           &lt;/Drawer&gt;
      );
    }
  }
  </code></pre>
  
  <p>Thank you in advance!</p>
  
  <p>UPDATE 3****</p>
  
  <p>In my <code>&lt;DrawelPanel/&gt;</code></p>
  
  <pre><code>import HomePage from './HomePage'
  
  render(){
  
  var pr = this.props
  var navigator = pr.getNav()
  
  return (
      &lt;View style={{flex:1, padding: 30, backgroundColor: 'black'}}&gt;
          &lt;MadeButton 
              componentName={HomePage}
              navigator={navigator}
              pageName='HomePage'
              style={{fontSize:15, fontWeight:'bold', color:'white'}}
          /&gt;
      &lt;/View&gt;
  )
  </code></pre>
  
  <p>Then in my <code>&lt;MadeButton/&gt;</code></p>
  
  <pre><code>  static propTypes = {
      componentName: React.PropTypes.any,
      navigator: React.PropTypes.any,
      pageName: React.PropTypes.string,
      style: React.PropTypes.object
    }
  
    _navigate(type='Normal'){
      this.props.navigator.replace({
        component: this.props.componentName,
        type: type,
        name: this.props.pageName
      })
    }
  
    render(){
      var pr = this.props;
      var st = this.state;
      var styles = pr.style;
  
      return(
        &lt;TouchableHighlight onPress={() =&gt; this._navigate()}&gt;
          &lt;Text style={styles}&gt;{pr.pageName}&lt;/Text&gt;
        &lt;/TouchableHighlight&gt;
      )
    }
  </code></pre>