Result section don't hide after click

So, when I click one of the results, the ‘onPress’ is fired, but the result section don’t hide. This happens only if there is an ‘onPress’ function defined

For example, my onPress had this simple function: console.log(details.geometry.location). In this case, results were hidden after click, as expected.

Next time, my function got complicated and it had something like: this.handlePress(details.geometry.location). This time, results didn’t hide. I am quite sure handlePress is not causing any issue, it only has setState within it. That’s a very simple thing, right? Anything other than console.log keeps the result from hiding. I think it’s a bug

[danbockapps]

@ibrahimsenan’s solution worked for me. Example code:

<GooglePlacesAutocomplete
...
listViewDisplayed={this.state.listViewDisplayed}
onPress={()=>this.setState({listViewDisplayed: false})}
/>

GooglePlacesAutocomplete automatically takes care of setting listViewDisplayed to true when the user is typing their search terms.

[i1990jain]

the shouldComponentUpdate function should return false for any set state done in the onPress function

shouldComponentUpdate(nextProps, nextState){

      if(this.state.locationData != nextState.locationData) {
          return false;
      }

      if(this.state.locationDetails != nextState.locationDetails) {
         return false;
      }

      if(this.state.address != nextState.address) {
        return false;
      }
      return true;
    }

the on press function

onPress={(data, details = null) => { 
                  this.setState({ locationDetails:details });
                  this.setState({ locationData:data });
                  this.setState({ address: data.description });

                }}