title: Open another screen in react-native
body: <p>I have this screen in react native</p>
  
  <pre><code>    import React, { Component } from 'react';
      import { AppRegistry,TouchableOpacity, Text ,Button,Image,TextInput,PropTypes,StyleSheet,View,NavigatorIOS,TouchableHighlight} from 'react-native';
  
  
      class LoginView extends Component {
  
          render() {
              return (
                  &lt;View style={styles.container}&gt;
                      &lt;Text style={styles.title}&gt;
                          HYGEX
                      &lt;/Text&gt;
                      &lt;View&gt;
                          &lt;TextInput
                              placeholder="Username"
                              style={styles.formInput}
                               /&gt;
                          &lt;TextInput
                              placeholder="Password"
                              secureTextEntry={true}
                              style={styles.formInput1}
                               /&gt;
  
                      &lt;TouchableHighlight style={styles.button}
                      onPress={() =&gt; this.move()}&gt;
                      &lt;Text style={styles.buttonText}&gt;Login&lt;/Text&gt;
                     &lt;/TouchableHighlight&gt;
  
                      &lt;/View&gt;
                  &lt;/View&gt;
              );
          }
  
        move() {
        //what i can do here to go to Socrce screen ???
          }
        }
  </code></pre>
  
  <p>Something like login screen, now when I click into <code>TouchableHighlight</code>
      I need to open this screen </p>
  
  <pre><code>    'use strict';
  import React, { Component } from 'react';
  import { AppRegistry, ListView, Text, View } from 'react-native';
  
  class HygexListView extends Component {
  
    constructor(props) {
      super(props);
      const ds = new ListView.DataSource({rowHasChanged: (r1, r2) =&gt; r1 !== r2});
      this.state = {
        dataSource: ds.cloneWithRows([
          'John', 'Joel', 'James', 'Jimmy', 'Jackson', 'Jillian', 'Julie', 'Devin'
        ])
      };
    }
    render() {
      return (
        &lt;View style={{flex: 1, paddingTop: 22}}&gt;
          &lt;ListView
            dataSource={this.state.dataSource}
            renderRow={(rowData) =&gt; &lt;Text&gt;{rowData}&lt;/Text&gt;}
          /&gt;
        &lt;/View&gt;
      );
    }
  }
  module.exports = HygexListView;
  </code></pre>
  
  <p>I tried to implement move method but I failed! Any idea why?</p>
  
  <p>Does react-native have a method to change the screen when click into  <code>TouchableHighlight</code>?</p>