react-native-google-autocomplete-address
Getting started
$ npm install react-native-google-autocomplete-address --save
Usage
; // TODO: What to do with the module? <GooglePlacesAutocomplete placeholder='Search' minLength=2 // minimum length of text to search autoFocus=false returnKeyType='search' // Can be left out for default return key https://facebook.github.io/react-native/docs/textinput.html#returnkeytype keyboardAppearance='light' // Can be left out for default keyboardAppearance https://facebook.github.io/react-native/docs/textinput.html#keyboardappearance listViewDisplayed='auto' // true/false/undefined fetchDetails=true renderDescription= rowdescription // custom description render onPress= { // 'details' is provided when fetchDetails = true console; } getDefaultValue= '' query= // available options: https://developers.google.com/places/web-service/autocomplete key: 'YOUR API KEY' language: 'en' // language of the results types: '(cities)' // default: 'geocode' styles= textInputContainer: width: '100%' description: fontWeight: 'bold' predefinedPlacesDescription: color: '#1faadb' currentLocation=true // Will add a 'Current location' button at the top of the predefined places list currentLocationLabel="Current location" nearbyPlacesAPI='GooglePlacesSearch' // Which API to use: GoogleReverseGeocoding or GooglePlacesSearch GoogleReverseGeocodingQuery= // available options for GoogleReverseGeocoding API : https://developers.google.com/maps/documentation/geocoding/intro GooglePlacesSearchQuery= // available options for GooglePlacesSearch API : https://developers.google.com/places/web-service/search rankby: 'distance' type: 'cafe' GooglePlacesDetailsQuery= // available options for GooglePlacesDetails API : https://developers.google.com/places/web-service/details fields: 'formatted_address' filterReverseGeocodingByTypes='locality' 'administrative_area_level_3' // filter the reverse geocoding results by types - ['locality', 'administrative_area_level_3'] if you want to display only cities predefinedPlaces=homePlace workPlace debounce=200 // debounce the requests in ms. Set to 0 to remove debounce. By default 0ms. renderLeftButton= <Image source= /> renderRightButton= <Text>Custom text after the input</Text> />