React Native Navigation Component

gistfile1.txt

import React, { Component } from 'react';
import {
  Text,
  View,
  TouchableOpacity
} from 'react-native';

export default class Nav extends Component {
  constructor(props) {
    super(props)

  }

  navigateToProp() {
    this.props.navigator.push({
      id: this.props.menu
    });
  }

  render() {
    return (
      <View style={styles.nav}>
        <TouchableOpacity onPress={this.navigateToProp.bind(this)}>
          <Text>
            {this.props.menu}
          </Text>
        </TouchableOpacity>
      </View>
    );
  }
}


// import Nav
import Nav from './location';

// Render component, passing in the menu prop and navigator from Navigator
<Nav menu="About" navigator={this.props.navigator}/>