title: TouchableHighlight and TouchableOpacity affect layout on Android
body: <p>I noticed that replacing <code>TouchableWithoutFeedback</code> with <code>TouchableHighlight</code> or <code>TouchableOpacity</code> can cause differences in layout. Is this expected?</p>
  
  <p>Example:</p>
  
  <pre><code>&lt;TouchableWithoutFeedback onPress={this.onClick}&gt;
    &lt;View style={styles.row_container}&gt;
      &lt;Text style={styles.row_text}&gt;
        {'I count the number of taps: ' + this.state.clicks}
      &lt;/Text&gt;
    &lt;/View&gt;
  &lt;/TouchableWithoutFeedback&gt;
  </code></pre>
  
  <p>With <code>TouchableWithoutFeedback</code>:</p>
  
  <p><a href="https://i.stack.imgur.com/FNzpw.png" rel="noreferrer"><img src="https://i.stack.imgur.com/FNzpw.png" alt="TouchableWithoutFeedback"></a></p>
  
  <p>Replacing it with <code>TouchableOpacity</code>:</p>
  
  <p><a href="https://i.stack.imgur.com/j1RUv.png" rel="noreferrer"><img src="https://i.stack.imgur.com/j1RUv.png" alt="TouchableHighlight"></a></p>
  
  <p>The styles are:</p>
  
  <pre><code>row_container: {
    backgroundColor: 'rgba(0, 0, 0, 0.1)',
    flex: 1,
    height: 100,
    borderColor: '#333333',
    borderWidth: 1,
    borderRadius: 5,
    padding: 5,
  },
  row_text: {
    flex: 1,
    fontSize: 18,
    alignSelf: 'center',
  },
  </code></pre>