title: React Native two taps required for onPress to work
body: <p>I have created an autoconplete search field which displays the places using mapbox API. I am using the ListView for sugesstions list. when list appears and I tap on the address i need to select, on the first tap keyboard hides and onPress works in the second tap. </p>
  
  <p><a href="https://i.stack.imgur.com/1G83c.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1G83c.png" alt="enter image description here"></a></p>
  
  <p>I am trying to figure out what's wrong.</p>
  
  <pre><code> &lt;View style={styles.container}&gt;
                            &lt;View style={styles.searchContainer}&gt;
                              &lt;View style={styles.mapMarkerContainer}&gt;
                                {mapMarkerIcon}
                              &lt;/View&gt;
                              &lt;View style={styles.inputContainer}&gt;
                                &lt;TextInput
                                    style={styles.textinput}
                                    onChangeText={this.searchLocation}
                                    placeholder="Type your address here" 
                                    underlineColorAndroid='rgba(0,0,0,0)'
                                    value={this.state.inputVal}
                                    placeholderTextColor="#fff"
                                /&gt;
                              &lt;/View&gt;
                            &lt;/View&gt;
                            &lt;View keyboardShouldPersistTaps='always' style={styles.listViewContainer}&gt;
                              &lt;ListView
                                  dataSource={ds.cloneWithRows(this.state.searchedAdresses)}
                                  renderRow={this.renderAdress} 
                                  style={styles.listView}
                                  renderSeparator={this.renderSeparator}
                                  enableEmptySections
                              /&gt;
                            &lt;/View&gt;
  &lt;/View&gt;
  </code></pre>
  
  <blockquote>
    <p>renderAddress</p>
  </blockquote>
  
  <pre><code>renderAdress = (address) =&gt; {
          return (
              &lt;TouchableOpacity onPress={() =&gt; this.onListItemClicked(address)} style={styles.listItem}&gt;
                  &lt;View&gt;
                      &lt;Text&gt;{address.place_name}&lt;/Text&gt;
                  &lt;/View&gt;
              &lt;/TouchableOpacity&gt;
          );
  };
  </code></pre>
  
  <blockquote>
    <p>onListItemClicked</p>
  </blockquote>
  
  <pre><code>onListItemClicked= (address) =&gt; {
        this.props.onAddressGet(address);
        console.log(address);
        this.setState({
          searchedAdresses: [],
          inputVal: address.place_name
        });
  }
  </code></pre>