Hide listView onBlur of the textInput.

I have asked this same thing in #18 but that issue is already closed, I thought I need to open a new one, so…

@myaskevich @FaridSafi I have created a variable called shouldDisplayListView and set listViewDisplayed to that as shown in code below:

let shouldDisplayListView = false;
<GooglePlacesAutocomplete listViewDisplayed={shouldDisplayListView}
    textInputProps={{
        onFocus: () => shouldDisplayListView = true;
        onBlur: () => shouldDisplayListView = false;
    }} ............ />

But still I cannot see the listView. Instead if I set listViewDisplayed to “auto” then I can see the listView. But then onBlur of textInput I am unable to hide it.

[IrinaCodixis]

I suggest you use states. This worked in my case:

constructor(props) {
    super(props);   
    this.state = {
      showPlacesList: false
    };
  }

<GooglePlacesAutocomplete 
    listViewDisplayed={this.state.showPlacesList}
    textInputProps={{
       onFocus: () => this.setState({showPlacesList: true}),
       onBlur: () => this.setState({showPlacesList: false}),
    }}............ />

[IrinaCodixis]

@Manoj002 , probably it is not compatible with your RN version. I am sorry I couldn’t help you with this. Hopefully dblackker’s PR will be merged soon.