title: React Native Updates - react-navigation not working
body: <p>My React Native Versions are as below</p>
  
  <pre><code>&gt;react-native -v
  react-native-cli: 2.0.1
  react-native: 0.49.5
  </code></pre>
  
  <p>I am trying just to redirect from one to another screen with my old demo it was working fine with react-navigation but now </p>
  
  <p>This is my app.js</p>
  
  <pre><code>import {
      StackNavigator,
  } from 'react-navigation';
  
  import Login from './login';
  import Register from './register';
  
  const Nav = StackNavigator({
      RootScreen: {screen: Login},
      RegisterScreen: {screen: Register}
  });
  
  export default class App extends Component {  
      renderScene(route, navigator){
          if(route.name == 'login'){
              return &lt;Login navigator={navigator} /&gt;
          }
          if(route.name == 'register'){
              return &lt;Register navigator={navigator} /&gt;
          }
      }
  
      render() {
          return (
              &lt;View style={styles.container}&gt;
                  &lt;Login /&gt;
              &lt;/View&gt;
          );
      }
  }
  </code></pre>
  
  <p>And here is login.js from where if user is new to app will redirect to register screen</p>
  
  <pre><code>import { StackNavigator } from 'react-navigation';
  
  export default class Register extends Component {
  
      static navigationOptions = {
          title: 'Register',
          header: null
      };
  
       constructor(props){
          super(props);
          this.state = {
              txtUserName:'',
              txtEmail:'',
              txtPassword:'',
              txtConfPass:''
          };
      }
  
  
      render() {
          return (    here is design for and button which calls _signUpPage function );   
      }
  
      _signUpPage = () =&gt; {
          const { navigate } = this.props.navigation;
          this.props.navigation.navigate('Register');
      }
  }
  </code></pre>
  
  <p>But it returns an error of </p>
  
  <pre><code>TypeError: undefined is not an object (evaluating 'this.props.navigation.navigate')
  </code></pre>
  
  <p>Please check error image</p>
  
  <p><a href="https://i.stack.imgur.com/h00Cl.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/h00Cl.png" alt="enter image description here"></a></p>