title: undefined is not an object this.props
body: <p>I try to use navigation between screen  in my RN app. This is my code : 
  INDEX.ANDROID.JS : </p>
  
  <pre><code>import React, { Component } from 'react';
  import {
  AppRegistry,
  Text,
  View ,
  Button
  } from 'react-native';
  import {StackNavigator} from 'react-navigation';
  import Login from './app/components/Todo';
  const SimpleApp = StackNavigator({
  Login: { screen: Todo },
  });
  export default class aap extends Component {
  static navigationOptions = { title: 'Welcome', };
  render() {
  const { navigate } = this.props.navigation;
  return (
  &lt;Button onPress ={() =&gt; navigate('Todo') } title="go"/&gt;
  );
  }
  }
  AppRegistry.registerComponent('aap', () =&gt; aap);
  </code></pre>
  
  <p>here is the code of the second screen TODO.JS </p>
  
  <pre><code>import React, { Component } from 'react';
  import {
  AppRegistry,
  Text,
  View ,
  Button
  } from 'react-native'; 
  export default class Todo extends Component {
  render() {
  return (
   &lt;View&gt;
      &lt;Text&gt;
      Here is my text 
      &lt;/Text&gt;
   &lt;/View&gt;
  );
  </code></pre>
  
  <p>}
    }</p>
  
  <p>When running my code i get an error : undefined is not an object this.props.naviagtion. 
  Any help is appreciated </p>