npmpackage.info

Gathering detailed insights and metrics for react-native-google-auto-complete-place-picker

Other packages similar to react-native-google-auto-complete-place-picker

@react-native-picker/picker

2.10.2

React Native Picker for iOS, Android, macOS, and Windows

react-native-modal-datetime-picker

18.0.0

A react-native datetime-picker for Android and iOS

react-native-date-picker

5.0.7

A datetime picker for React Native. In-modal or inlined. Supports Android and iOS.

react-native-document-picker

9.3.1

A react native interface to access documents from dropbox, google drive, iCloud...

Gathering detailed insights and metrics for react-native-google-auto-complete-place-picker

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

This repo exposes native iOS and android google auto complete place picker functionality to react native.

1.1.1

Java

333.00 B

1,049

Installations

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

Developer Guide

BETA

Typescript

❌ No

Module System

CommonJS

Score

30.4

Supply Chain

46.1

Quality

68.3

Maintenance

100

Vulnerability

94.1

License

Pull Requests

Open

0

Total

0

Closed

0

Issues

Open

0

Total

0

Closed

0

Releases

iOS stable release

v1.1.1

Published on 05 Jan 2022

minor update in readme

v1.0.7

Published on 19 Oct 2021

minor fix in package.json

v1.0.6

Published on 19 Oct 2021

First stable release with updated readme file

v1.0.5

Published on 19 Oct 2021

Update readme file

v1.0.4

Published on 19 Oct 2021

Readme file updated

v1.0.3

Published on 14 Oct 2021

View all 7 releases

Developer

lokesh020

Statistics

1 Stars

13 Commits

1 Watching

1 Branches

1 Contributors

Updated on 04 Sept 2024

Bundle Size

515.00 B

Minified

333.00 B

Minified + Gzipped

Bundlephobia

Languages

Java (46.69%)

Objective-C (28.42%)

JavaScript (15.37%)

Ruby (7.22%)

Starlark (2.3%)

Total Downloads

Cumulative downloads

Total Downloads

1,049

Last day

Compared to previous day

Last week

Compared to previous week

Last month

50%

Compared to previous month

Last year

-36%

158

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Peer Dependencies

react react-native

Versions

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

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

iOS	Android

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 :-

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

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

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

No vulnerabilities found.

No security vulnerabilities found.

Other packages similar to react-native-google-auto-complete-place-picker

Other packages similar to react-native-google-auto-complete-place-picker

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

Installations

Developer Guide

❌ No

CommonJS

Score

Pull Requests

:host{display:inline-block;direction:ltr;white-space:nowrap;line-height:var(--number-flow-char-height, 1em) !important}span{display:inline-block}:host([data-will-change]) span{will-change:transform}.number,.digit{padding:calc(var(--number-flow-mask-height, 0.25em) / 2) 0}.symbol{white-space:pre}00

:host{display:inline-block;direction:ltr;white-space:nowrap;line-height:var(--number-flow-char-height, 1em) !important}span{display:inline-block}:host([data-will-change]) span{will-change:transform}.number,.digit{padding:calc(var(--number-flow-mask-height, 0.25em) / 2) 0}.symbol{white-space:pre}00

:host{display:inline-block;direction:ltr;white-space:nowrap;line-height:var(--number-flow-char-height, 1em) !important}span{display:inline-block}:host([data-will-change]) span{will-change:transform}.number,.digit{padding:calc(var(--number-flow-mask-height, 0.25em) / 2) 0}.symbol{white-space:pre}00

Issues

:host{display:inline-block;direction:ltr;white-space:nowrap;line-height:var(--number-flow-char-height, 1em) !important}span{display:inline-block}:host([data-will-change]) span{will-change:transform}.number,.digit{padding:calc(var(--number-flow-mask-height, 0.25em) / 2) 0}.symbol{white-space:pre}00

:host{display:inline-block;direction:ltr;white-space:nowrap;line-height:var(--number-flow-char-height, 1em) !important}span{display:inline-block}:host([data-will-change]) span{will-change:transform}.number,.digit{padding:calc(var(--number-flow-mask-height, 0.25em) / 2) 0}.symbol{white-space:pre}00

:host{display:inline-block;direction:ltr;white-space:nowrap;line-height:var(--number-flow-char-height, 1em) !important}span{display:inline-block}:host([data-will-change]) span{will-change:transform}.number,.digit{padding:calc(var(--number-flow-mask-height, 0.25em) / 2) 0}.symbol{white-space:pre}00

Releases

Developer

lokesh020

Statistics

Bundle Size

515.00 B

333.00 B

Languages

Total Downloads

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Peer Dependencies

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

Table of contents

Installation

iOS

Android

Usage

Example

The Response Object

0

0

0

0

0

0