react-native-google-place-picker
React Native Wrapper of Google Place Picker for iOS + Android.
iOS | Android |
---|---|
Table of contents
Install
npm install react-native-google-place-picker --save
Then you must install the native dependencies. You can use rnpm
(now part of react-native
core) to add native dependencies automatically:
react-native link
or link manually like so:
iOS
-
In XCode, in the project navigator, right click
Libraries
➜Add Files to [your project's name]
-
Go to
node_modules
➜react-native-google-place-picker
and addRNGooglePlacePicker.xcodeproj
-
In XCode, in the project navigator, select your project. Add
libRNGooglePlacePicker.a
to your project'sBuild Phases
➜Link Binary With Libraries
-
Inside your
ios
directory add a file namedPodfile
with the following content -
Run
pod install --project-directory=ios
in the project root path. -
At the top of your
AppDelegate.m
:And then in your AppDelegate implementation, Add the following to your application:didFinishLaunchingWithOptions, replace
YOUR_API_KEY
:NSString *kAPIKey = @"YOUR_API_KEY"; [GMSPlacesClient provideAPIKey:kAPIKey]; [GMSServices provideAPIKey:kAPIKey];
-
Run
react-native run-ios
Android
- Open up
android/app/src/main/java/[...]/MainActivity.java
- Add
import com.reactlibrary.RNGooglePlacePickerPackage;
to the imports at the top of the file - Add
new RNGooglePlacePickerPackage()
to the list returned by thegetPackages()
method
- Append the following lines to
android/settings.gradle
:
include ':react-native-google-place-picker'project(':react-native-google-place-picker').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-google-place-picker/android')
- Insert the following lines inside the dependencies block in
android/app/build.gradle
:
compile project(':react-native-google-place-picker')
- Add permisson and your
YOUR_API_KEY
to your manifest file:
... ... ... ...
Usage
; RNGooglePlacePicker
Example
- A fully working example
The Response Object
key | type | Description |
---|---|---|
didCancel | boolean | Informs you if the user cancelled the process |
error | string | Contains an error message, if there is one |
address | string/null | The formated address of selected location, null if not available |
latitude | number | The latitude value of selected location |
longitude | number | The longitude value of selected location |
Credits
Thanks following repositories' inspiration/help:
License
Code in this git repo is licensed MIT.