title: react native :undefined is not an object (evaluating '_this2.props.navigation.navigate')
body: <p>I'm new with react-native and i'm trying to use StackNavigator but it's not working
  I'm trying to call a component and render it when you click on a button.
  But i'm getting this error : 
  <code>undefined is not an object (evaluating '_this2.props.navigation.navigate')</code></p>
  
  <p>This is my main Component:</p>
  
  <pre><code>export default class Home extends Component&lt;{}&gt; {
  
      constructor(props) {
          super(props);
          this.email = null;
          this.amount = null;
          this.device = null;
      }
  
      render() {
          return (
              &lt;ScrollView style={styles.styleSV}&gt;
                  &lt;Text
                      style={styles.styleLogin}&gt;
                      Login
                  &lt;/Text&gt;
                  &lt;View style={styles.styleForm}/&gt;
                  &lt;TextInput placeholder='email' onChangeText={(text) =&gt; this.email }/&gt;
                  &lt;TextInput placeholder='amount' onChangeText={(text) =&gt; this.amount }/&gt;
                  &lt;TextInput placeholder='device' onChangeText={(text) =&gt; this.device }/&gt;
                  &lt;View style={styles.styleButtonSignup}/&gt;
                  &lt;Button
                      onPress={() =&gt;
                          this.props.navigation.navigate('PaypalPayment', { email: this.email })
                      }
                      title='Next'
                  /&gt;
              &lt;/ScrollView&gt;
          );
      }
  
  }
  
  const NavigationScreen = StackNavigator({
      PaypalPayment: { screen: PaypalPayment },
      Home: { screen: Home}
  });
  
  AppRegistry.registerComponent('paypal', () =&gt; NavigationScreen);
  </code></pre>