title: react-native-autocomplete-input list not closing when selecting an option
body: <p>My <a href="https://github.com/l-urence/react-native-autocomplete-input" rel="nofollow noreferrer">react-native-autocomplete-input</a> list doesn't seem to close when I choose an item from the list. </p>
  
  <pre><code>let Location = (props) =&gt; (
  
    &lt;View style={styles.formItem}&gt;
  
      &lt;Autocomplete
        data={props.autocompleteResults.predictions}
        defaultValue={props.locationInput.toString()}
        onChangeText={
          text =&gt; {
            props.updateLocationInput(text)
            props.getAutocompleteResults(text)
          }
        }
        renderItem={place =&gt; (
          &lt;TouchableOpacity
            style={{
              height: 44,
              flex: 1,
              justifyContent: 'center',
              ...styles.label,
              borderRadius: 8
            }}
            onPress={() =&gt; {
              console.log(place)
              props.updatePlace(place)
              props.updateLocationInput(place.description)
            }}&gt;
            &lt;Text numberOfLines={1}&gt;{place.description}&lt;/Text&gt;
          &lt;/TouchableOpacity&gt;
        )}
        inputContainerStyle={{ borderWidth: 0 }}
        style={{
          height: 44,
          borderRadius: 8,
          backgroundColor: '#FFFFFF',
          alignSelf: 'stretch',
          paddingLeft: 10,
          position: 'relative',
          ...styles.label
        }}
      /&gt;
    &lt;/View&gt;
  )
  Location.propTypes = {
    locationInput: React.PropTypes.string.isRequired,
    updateLocationInput: React.PropTypes.func.isRequired,
    getAutocompleteResults: React.PropTypes.func.isRequired,
    autocompleteResults: React.PropTypes.object.isRequired,
    updatePlace: React.PropTypes.func.isRequired
  }
  
  Location = connect(
    mapStateToProps,
    mapDispatchToProps
  )(Location)
  </code></pre>
  
  <p>This is how the <code>Location</code> component is used. Container is a native-base component:</p>
  
  <pre><code>&lt;Container style={styles.container}&gt;
          &lt;ScrollView keyboardShouldPersistTaps={true}&gt;
            &lt;Categories /&gt;
            &lt;View style={{ zIndex: 2, position: 'relative' }}&gt;
              &lt;Location /&gt;
            &lt;/View&gt;
            &lt;Keywords /&gt;
            &lt;Button block style={styles.wideButton} onPress={() =&gt; props.toggleMenu()}&gt;
              &lt;Text&gt;GO&lt;/Text&gt;
            &lt;/Button&gt;
          &lt;/ScrollView&gt;
        &lt;/Container&gt;
  </code></pre>
  
  <p>The Location component is inside a <code>ScrollView</code> however the issue is still there when I take the scrollview out. Also I have done the scroll view fix <code>&lt;ScrollView keyboardShouldPersistTaps={true}&gt;</code> What could be making the list never close?</p>