react-native-google-auto-complete-place-picker

Native iOS & Android google place autocomplete picker wrapped into React Native App.

iOS	Android

Table of contents

• Install
  • iOS
  • Android
• Usage
  • Example
• Response object

Installation

Add the npm package:

1npm i react-native-google-auto-complete-place-picker --save

iOS

Installation on iOS should be completely handled with auto-linking, if you have ensured pods are installed after adding this module, no other actions should be necessary

1cd ios && pod install

At the top of your AppDelegate.m:

@import GooglePlaces;

And then in your AppDelegate implementation, Add the following to your application:didFinishLaunchingWithOptions :-

NSString *kAPIKey = @"YOUR_PLACES_API_KEY";
[GMSPlacesClient provideAPIKey:kAPIKey];
...

Android

Installation on Android should be completely handled with auto-linking, if you have ensured following steps are performed after installing npm package :-

1. Open up android/build.gradle file (Project level gradle file)

• Add jcenter() in the allProjects/repositories above google()

2. Clean object and rebuild project again

In the AndroidManifest.Xml file , add your places api key in following way :-

<meta-data
        android:name="com.google.android.places.PLACE_API_KEY"
        android:value="place your api key here.."/>

Usage

1import GoogleAutoCompletePlacePicker from 'react-native-google-auto-complete-place-picker';
2
3GoogleAutoCompletePlacePicker.pickPlace().then((placeData)=>{
4       console.log("place data >>",placeData)
5       this.setState({locationResult:JSON.stringify(placeData)})
6}).catch((error)=>{
7    if(error.code == "GOOGLE_PLACE_PICKER_CANCEL_ERROR"){
8        console.log("Cancelled by user.")
9     }else if(error.code == "GOOGLE_PLACE_PICKER_UNKNOWN_ERROR"){
10        console.log("Some Unknown Error Occured.")
11     }else{
12        console.log(error.message)
13     }
14})
15

Example

• A fully working example

The Response Object

param	Description
name	The name of this Place
placeID	The unique id of this Place
formattedAddress	The formated address of selected location
coordinate	The latitude & longitude value of selected location