title: TouchableHighlight underlayColor not working. The color just does not change
body: <p>I have a component with this:</p>
  
  <pre><code>&lt;TouchableHighlight
      style={styles.button}
      underlayColor='red'
      onPress={() =&gt; this.bootEvent(item)}&gt;
      &lt;Text style={{ color: '#ffffff', fontSize: 12, fontWeight: 'bold' }}&gt;Text&lt;/Text&gt;
  &lt;/TouchableHighlight&gt;
  </code></pre>
  
  <p>This is the style:</p>
  
  <pre><code>button: {
      alignItems: 'center',
      backgroundColor: '#4267b2',
      padding: 8
  }
  </code></pre>
  
  <p>The problem is that when I click on the button, the onPress function is called but the color of the TouchableHighlight remains the same.  </p>
  
  <p>I also tried with this:</p>
  
  <pre><code>underlayColor={'red'}
  </code></pre>
  
  <p>with brackets, but its the same.</p>