Usage with react-native-app-intro-slider

[pratikdhody]

Using react-native-app-intro-slider - I have a set of intro sliders to present to users.
Within the slider renderItem, I am using GooglePlacesAutoComplete.

The issue I am having is that search results are displayed but when tapped, don't console log the selected result.

I suspect this may be an issue as under the hood, react-native-app-intro-slider is I believe using a Flatlist to render the slides.

<GooglePlacesAutocomplete
     placeholder='Search'
     onPress={(data, details = null) => {
       // 'details' is provided when fetchDetails = true
       console.log(data, details);
     }}
     query={{
       key: 'YOUR API KEY',
       language: 'en',
     }}
   />

I have tried to add the following as per link this does not work and yes, when I add GooglePlacesAutocomplete outside of renderItem - the GooglePlacesAutocomplete input works as expected.

<ScrollView keyboardShouldPersistTaps={'handled'}>
     <ScrollView keyboardShouldPersistTaps={'handled'}>
            <GooglePlacesAutocomplete ... >

Any thoughts on how to get GooglePlacesAutocomplete to work would be great.