Navigator in react-native

App.js

import Start from './Start'
import NextPage from './NextPage'

const Views = { Start, NextPage }

<Navigator
    initialRoute={{ view: 'Start' }}
	renderScene={(route, navigator) => {
        const SceneComponent = Views[route.view];
		return <SceneComponent {...route.props} navigator={navigator} />;
	}}
    />

Start.js

export default class Start extends Component {
  
    onPress() {
        this.props.navigator.push({ view: 'NextPage', props: { ... } }); // add props if required    
                                   
        // If in NextPage you want to go "back", you'd do
        // this.props.navigator.pop();
    }
    
    render() {
        <TouchableHighlight onPress={this.onPress.bind(this)}>Test</TouchableHighlight>  
    }
  
}

Start.propTypes = {
    navigator: PropTypes.object.isRequired
}