Nav.js

import React, { Component, PropTypes } from 'react'
import { TouchableHighlight } from 'react-native'

const Nav = ({ to, children, replace=false, ...rest }, { router }) => (
  <TouchableHighlight
    onPress={() => {
      (replace ? router.replaceWith : router.transitionTo)(to)
    }}
    {...rest}
  >{children}</TouchableHighlight>
)

Nav.contextTypes = { router: React.PropTypes.object }

export default Nav