title: How to disable highlighting effect of TouchableOpacity when scrolling?
body: <pre><code>&lt;TouchableOpacity style={{ flex: 1 }} &gt;
    &lt;ImageBackground
      source={require('../../images/home.jpg')}&gt;
        &lt;View style={styles.item} collapsable={false}&gt;
          &lt;H3&gt;{contentData[i].name}&lt;/H3&gt;
          &lt;Text&gt;{contentData[i].description}&lt;/Text&gt;
        &lt;/View&gt;
    &lt;/ImageBackground&gt;
  &lt;/TouchableOpacity&gt;
  </code></pre>
  
  <p>I have a list of <code>TouchableOpacity</code> inside a <code>ScrollView</code>. I want to <strong>disable highlighting effect</strong> of <code>TouchableOpacity</code>. When scrolling I want to highlight only when <code>onPress</code> event is triggered. Because it may confuse the user that it is pressed.</p>