title: React Native TouchableHighlight not working with Sectionlist
body: <p>I've got a <code>SectionList</code>, and for every row in the list I want to be able to detect a click event. </p>
  
  <pre><code>renderList() {
  if (this.state.searching) {
    return (
      &lt;SectionList
        sections={this.state.data}
        renderSectionHeader={this.props.renderSectionHeader}
        renderItem={this.props.renderItem}
      /&gt;
    );
  }
  
  return null;
  }
  
  render() {
  return (
    &lt;View style={styles.container}&gt;
  
      &lt;Animated.View
        style={{ opacity: 1 - this.state.backgroundColor }}
        pointerEvents={this.state.searching ? 'none' : undefined}
      &gt;
        {this.props.children}
      &lt;/Animated.View&gt;
  
      &lt;Animated.View
        style={[
          styles.backgroundColorView,
          { opacity: this.state.backgroundColor },
        ]}
      /&gt;
  
      &lt;Animated.View
        style={[styles.searchResults, { top: this.state.yPos }]}
      &gt;
        &lt;TextInput
          ref={(input) =&gt; { this.searchBar = input; }}
          style={styles.textInput}
          value={this.props.query}
          onChangeText={this.onChangeText}
          maxLength={100}
          placeholder={this.props.placeholder}
          onFocus={this.onFocus}
          onBlur={this.onUnSearch}
        /&gt;
  
        {this.renderList()}
  
      &lt;/Animated.View&gt;
    &lt;/View&gt;
  );
  </code></pre>
  
  <p>For my renderItem method, I'm passing in the following <code>PureComponent</code>, which is just a <code>Text</code> contained in a <code>TouchableHighlight</code>.</p>
  
  <pre><code>class SubjectSearchItem extends React.PureComponent {
  render() {
  const item = this.props.item;
  return (
    &lt;TouchableHighlight
      onPress={() =&gt; console.log(item)}
    &gt;
      &lt;View style={{
        marginHorizontal: 20,
        marginVertical: 10,
      }}
      &gt;
        &lt;Text&gt;{`${item.item.long_name} (${item.item.short_name})`}&lt;/Text&gt;
      &lt;/View&gt;
    &lt;/TouchableHighlight&gt;
  );
  }
  }
  </code></pre>
  
  <p>and here's the <code>renderItem</code> prop I'm passing in</p>
  
  <pre><code>const renderItem = item =&gt; (
        &lt;SubjectSearchItem
          item={item}
        /&gt;
      );
  </code></pre>
  
  <p>The problem is, no click events are being detected. The row isn't getting highlighted, and the <code>onPress</code> isn't being fired. Any ideas? </p>
  
  <p>Note: seems like this has been an <a href="https://github.com/facebook/react-native/issues/14155" rel="nofollow noreferrer">issue</a> for a little while</p>