title: react-native ios simulator touch not working
body: <p>I am trying to write my first react native app. I cannot seem to get "TouchableHighlight" to work. I think I have wrapped the text correctly but in the IOS simulator nothing happens. Code compiles correctly and the simulator launches but, no matter how many times I click on the start text nothing happens.  </p>
  
  <pre><code>import React, { Component } from 'react';
  import {
    AppRegistry,
    StyleSheet,
    TouchableHighlight,
    Text,
    View
  } from 'react-native';
  
  
  var StopWatch = React.createClass({
    render: function(){
      return &lt;View style={styles.container}&gt;
      &lt;View style={[styles.header, this.border('yellow')]}&gt;
      &lt;View style={[styles.timerWrapper , this.border('red')]}&gt;
      &lt;Text&gt;
        00:00:00
      &lt;/Text&gt;
      &lt;/View&gt;
      &lt;View style={[styles.buttonWrapper , this.border('green')]}&gt;
      {this.startStopButton()}
      {this.lapButton()}
      &lt;/View&gt;
      &lt;/View&gt;
        &lt;View style={[styles.footer, this.border('blue')]}&gt;
        &lt;Text&gt;
        I am a list of Laps
        &lt;/Text&gt;
        &lt;/View&gt;
  
   &lt;/View&gt;
    },
  
    startStopButton: function () {
      return &lt;TouchableHighlight underlayColor="gray" onPRess={this.handleStartPress}&gt;
        &lt;Text&gt;
        Start
        &lt;/Text&gt;
      &lt;/TouchableHighlight&gt;
    },
  
    lapButton: function () {
      return &lt;View&gt;
        &lt;Text&gt;
        Lap
        &lt;/Text&gt;
      &lt;/View&gt;
    },
      handleStartPress: function() {
          console.log('Start was pressed');
      },
      border: function (color) {
          return {
              borderColor: color,
              borderWidth: 4
          }
  
      }
  });
  
  var styles = StyleSheet.create({
      container:{
          flex: 1,
          alignItems: 'stretch'
      },
      header: {
          flex: 1
      },
      footer: {
          flex: 1
      },
      timerWrapper: {
          flex: 5,
          justifyContent: 'center',
          alignItems: 'center'
      },
      buttonWrapper: {
          flex: 3,
          flexDirection: 'row',
          justifyContent: 'space-around',
          alignItems: 'center'
  
      }
  
  });
  
  
  AppRegistry.registerComponent('stopwatch', () =&gt; StopWatch);
  </code></pre>