JS
state = {
autoComplete: [];
value: ''
}
selectValue = (item) => {
console.log('Value is selected");
}
setValue = (value) => {
this.setState({
value
});
}
closeAutocomplete = () => {
console.log("autocomplete is closed");
this.setState({
autoComplete: []
});
}
<Autocomplete
data={this.state.autoComplete}
defaultValue={this.state.value}
onChangeText={(value)=> this.setValue(value)}
onBlur={this.closeAutocomplete}
renderItem={(item) => (
<TouchableOpacity avatar onPress={()=> this.selectValue(item)}>
<View>
<Text>{item}</Text>
</View>
</TouchableOpacity>
)}
/>
On selecting any item from the autocomplete list, onPress() is not triggered instead onBlur is being triggered.
Expected: onPress must be called on click of autocomplete list items.
Issue: onBlur() is called on click of list item