How to trigger onPress() of TouchableOpacity instead of onBlur() of AutoComplete input?

Viewed 348

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

0 Answers
Related