React-native-google-place-autocomplete NPM

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.

axios lodash.debounce prop-types

@infinitebrahmanuniverse/nolb-react-native-g @everything-registry/sub-chunk-2579 @zalastax/nolb-react-native-g

0.3.0

7 years ago

0.2.0

7 years ago