Simplified AutoCompleteBox

AutoCompleteBox.js

// rest of code same as before..
const AutoCompleteBox = props => (
  <View style={styles.AutoCompleteBox}>
    <TextInput
      {...props}
      underlineColorAndroid="#FFF"
      style={styles.AutoCompleteInput}
    />
    <TouchableOpacity onPress={() => props.clearInput()}>
      <Text style={styles.AutoCompleteClose}>X</Text>
    </TouchableOpacity>
  </View>
);

AutoCompleteBox.defaultProps = {
  clearInput: () => console.log('Clear Input Pressed')
};

export default AutoCompleteBox;