react-native TypeError: undefined is not an object (evaluating 'this.props.navigator.push')
<p>I was trying this react-native tutorial for android:
<a href="https://www.raywenderlich.com/126063/react-native-tutorial" rel="nofollow">https://www.raywenderlich.com/126063/react-native-tutorial</a></p>

<p>I'm having problems with navigtor. The first screen (SearchPage) works fine, but when trying to .push to the next it gives me the following error:</p>

<p><strong>Something bad happened TypeError: undefined is not an object (evaluating 'this.props.navigator.push')</strong></p>

<p>Main:</p>

<pre><code>render () {
 return(
  &lt;Navigator
    initialRoute={{id: 'SearchPage'}}
    renderScene={this.renderScene.bind(this)}
    /&gt;
 );
}

renderScene(route, navigator) {
 switch (route.id) {
  case 'SearchPage':
   return (
    &lt;SearchPage navigator={navigator} /&gt;
   );
   case 'TestScreen':
    return (
     &lt;TestScreen navigator={this.props.navigator} /&gt;
   );}
</code></pre>

<p>SearchPage:</p>

<pre><code>_executeQuery(query) {
 this.setState({ isLoading: true });
 fetch(query)
  .then(response =&gt; response.json())
  .then(json =&gt; this._handleResponse(json.response).bind(this))
  .catch(error =&gt;
     this.setState({
      isLoading: false,
      message: 'Something bad happened ' + error
   }));
}

_handleResponse(response) {
  this.setState({ isLoading: false , message: '' });
  if (response.application_response_code.substr(0, 1) === '1') {
    this.props.navigator.push({
      id: 'TestScreen',
    });
  } else {
    this.setState({ message: 'Location not recognized; please try again.'});
  }
}
</code></pre>

<p>Thanks in advance!</p>