Google API - 在 React Native Expo 项目中放置自动完成功能

Question

I am developing mobile app using React Native Expo . I am using react-native-google-places-autocomplete for text auto completetion of location/places. It is Google API. I have made account, enabled the google service and also added my billing info. But the code is not working.

See the code below:

        <View style={{height: 500}}>
        <GooglePlacesAutocomplete

        fetchDetails={true}
        placeholder='Search'
        onPress={(data, details = null) => {
            console.log(data, details);
        }}
        query={{
            key: 'my-api-key-here',
            language: 'en',
        }}
        />
        </View>

I am able to SUCCESSFULLY see the Search placeholder where I can type, but I am not able to see the suggestions/autocompletion text by google. I am able to type the location successfully in the box, but there is no location suggestions coming by google.

I have installed and imported relevant libraries too.

Answer 1

You need to add prop listViewDisplayed={boolean or "auto"}. See this link https://snack.expo.io/@tobzy/react-native-google-places-autocomplete-example