title: react-native: undefined is not an object (evaluating '_this.props.navigator.push')
body: <p><strong>-----Notice my edit at the end!-----</strong></p>
  
  <p>I just started with react-native and I'm having problems with navigtor. </p>
  
  <p>(I used this example as a template: <a href="https://github.com/h87kg/NavigatorDemo" rel="nofollow">https://github.com/h87kg/NavigatorDemo</a>) </p>
  
  <p>The first screen (Main) works fine, but when trying to .push to the next it gives me the following error:</p>
  
  <p><strong>undefined is not an object (evaluating '_this.props.navigator.push')</strong></p>
  
  <p>Main:</p>
  
  <pre><code>  render() {
      return (
        &lt;Navigator
          style={styles.container}
          initialRoute={{ name: 'Main' }}
          renderScene={ this.renderScene.bind(this) }
        /&gt;
      );
    }
  
    renderScene = (route, navigator) =&gt; {
      if(route.name == 'Main') {
       return (
         &lt;TouchableHighlight onPress={ () =&gt; this._navigate() }&gt;
           &lt;Text&gt;GO To View&lt;/Text&gt;
         &lt;/TouchableHighlight&gt;
       );
      }
      if(route.name == 'Home') {
        return &lt;Home navigator={navigator} /&gt;
      }
    }
  
    _navigate = () =&gt; {
      this.props.navigator.push({
        name: 'Home',
      })
    }
  </code></pre>
  
  <p>Home just displays some Text in its renderScene:</p>
  
  <pre><code>  render() {
      return (
        &lt;Navigator
          renderScene={ this.renderScene.bind(this) }
          navigator={this.props.navigator}
        /&gt;
      );
    }
  
    renderScene(route, navigator){
      return(
        &lt;View style={styles.container}&gt;
          &lt;Text&gt;
            2nd Screen!
          &lt;/Text&gt;
        &lt;/View&gt;
      )
    }
  </code></pre>
  
  <p>Edit: I've tried <code>this._navigate().bind(this)</code>, but still not working</p>
  
  <p><strong>So, <code>this.props.navigator</code> is never defined, but how and where do I define it?</strong></p>