1.0.4 • Published 10 months ago

react-native-google-maps-autocomplete v1.0.4

Weekly downloads
-
License
ISC
Repository
github
Last release
10 months ago
  • react-native-google-maps-autocomplete is A dynamic auto complete text input that fetches from google maps api and show the results in a drop down.

  • It comes with a built-in TypeScript typings and is compatible with all popular JavaScript frameworks. You can use it directly or leverage well-maintained wrapper packages that allow for a more native integration with your frameworks of choice.

Installation:

npm i react-native-google-maps-autocomplete
yarn add react-native-google-maps-autocomplete

Usage:

import AutoCompleteGeoLocation from 'react-native-google-maps-autocomplete';


    <AutoCompleteGeoLocation
            textInputProps={{cursorColor: '#FFF'}}
            inputStyle={styles.input}
            placeholder={'Search city'}
            onPlaceSelected={(placeId, description) => {
              setCity(description);
            }}
            quaryData={{
              key: GOOGLE_API_KEY,
              types: ['city_hall'],
            }}
          />

Example:

Dataset Properties

NameType
quaryData{key: string; types: string[]}
placeholder?string
onPlaceSelected(placeId: string, description: string) => void
debounceDelayInSeconds?number
containerStyle?ViewStyle
inputStyle?ViewStyle
placeHolderColor?string
resultItemTextStyle?TextStyle
resultItemStyle?ViewStyle
resultListStyle?ViewStyle
textInputProps?TextInputProps
onTextChanged?(text: string) => void
country?string
1.0.4

10 months ago

1.0.2

10 months ago

1.0.1

10 months ago

1.0.0

11 months ago