react-native-google-place-autocomplete

React Native Google Place Autocomplete

React Native components for the Place Autocomplete service of the Google Places API Web Service.

Installing

npm install react-native-google-place-autocomplete --save

Example Usage

import GooglePlaceAutocomplete from 'react-native-google-place-autocomplete';

export default function Autocomplete() {
    return (
        <GooglePlaceAutocomplete
            googleAPIKey="YOUR API KEY"
            onResult={result => console.log}
            placeholder="Type to search..." />
    );
}

Props

Prop	Type	Default	Notes
debounce	number	250	The number of milliseconds to delay before requesting autocomplete predictions.
googleAPIKey	string		Your Google API Key. The Google Places API Web Service must be enabled for this key.
placeholder	string		The placeholder text to be displayed in the autocomplete input when the value is empty.
value	string		The value of the autocomplete input.

Events

Name	Returns	Notes
onChangeText	string
onPredictions	Array<Prediction>	Where a Prediction is defined by the predictions property of the response of the Place Autocomplete API.
onResult	Place	Where a Place is defined by the result property of the response of the Place Detail API.

Credits

Heavily influenced by react-native-google-places-autocomplete. Mainly a bit of restructuring and uses the Google Places Autocomplete API rather than the Nearby Search or Geocoding API's.