Open another screen in react-native
<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>