title: React Native undefined is not a function error
body: <p>I am new to react native this is my first attempt in react native I was following a sample tutorial for the basic understanding of the code and other things I am following this <a href="https://www.raywenderlich.com/126063/react-native-tutorial" rel="nofollow noreferrer">raywenderlich's</a> propertyfinder example, while implementing the first navigation example I am facing this issue:</p>
  
  <pre><code>undefined is not a function (evaluating 'this.props.renderScene(route,this)')
  </code></pre>
  
  <p>in my android device(Samsung J7) which I am using to run the app </p>
  
  <p>Here is my index.android.js </p>
  
  <pre><code>'use strict';
  var React = require('react');
  var ReactNative = require('react-native');
  var SearchPage = require('./SearchPage');
  var styles = ReactNative.StyleSheet.create({
        text: {
          color: 'black',
          backgroundColor: 'white',
          fontSize: 30,
          margin: 80
        },
        container: {
          flex: 1
        }
      });
  
  
  
  class PropertyFinderApp extends React.Component {
  
    render() {
      return (
  
        &lt;ReactNative.Navigator
        style={styles.container}
        renderScene={this.renderScene}
        initialRoute={{
          component: SearchPage,
          index:0,
          title:"home"
        }}/&gt;
        );
    }
  
  }
  ReactNative.AppRegistry.registerComponent('PropertyFinder', function() { return PropertyFinderApp });`
  </code></pre>
  
  <p>and the SearchPage.js file(the other component which I am using):</p>
  
  <pre><code>'use strict';
  
  import React, { Component } from 'react';
  import {
      StyleSheet,
      Text,
      TextInput,
      View,
      TouchableHighlight,
      ActivityIndicator,
      Image
  } from 'react-native';
  
  var styles = StyleSheet.create({
      description: {
          marginBottom: 20,
          fontSize: 18,
          textAlign: 'center',
          color: '#656565'
      },
      container: {
          padding: 30,
          marginTop: 65,
          alignItems: 'center'
      },
      flowRight: {
          flexDirection: 'row',
          alignItems: 'center',
          alignSelf: 'stretch'
      },
      buttonText: {
          fontSize: 18,
          color: 'white',
          alignSelf: 'center'
      },
      button: {
          height: 36,
          flex: 1,
          flexDirection: 'row',
          backgroundColor: '#48BBEC',
          borderColor: '#48BBEC',
          borderWidth: 1,
          borderRadius: 8,
          marginBottom: 10,
          alignSelf: 'stretch',
          justifyContent: 'center'
      },
      searchInput: {
          height: 36,
          padding: 4,
          marginRight: 5,
          flex: 4,
          fontSize: 18,
          borderWidth: 1,
          borderColor: '#48BBEC',
          borderRadius: 8,
          color: '#48BBEC'
      }
  });
  
  export default class SearchPage extends Component {
  
      render() {
          return (
              &lt;View style={styles.container}&gt;
              &lt;Text style={styles.description}&gt;
              Search for houses to buy!
              &lt;/Text&gt;
              &lt;Text style={styles.description}&gt;
              Search by place-name, postcode or search near your location.
              &lt;/Text&gt;
              &lt;View style={styles.flowRight}&gt;
              &lt;TextInput
              style={styles.searchInput}
              placeholder='Search via name or postcode'/&gt;
              &lt;TouchableHighlight style={styles.button}
              underlayColor='#99d9f4'&gt;
              &lt;Text style={styles.buttonText}&gt;Go&lt;/Text&gt;
              &lt;/TouchableHighlight&gt;
              &lt;/View&gt;
              &lt;TouchableHighlight style={styles.button}
              underlayColor='#99d9f4'&gt;
              &lt;Text style={styles.buttonText}&gt;Location&lt;/Text&gt;
              &lt;/TouchableHighlight&gt;
              &lt;/View&gt;
              );
      }
  }
  
  module.exports = SearchPage;
  </code></pre>
  
  <p>I have no idea what I am doing wrong since I am a beginner in this any help will be appreciated, thanx in advance.</p>