react-native-location-view

Simple location picker with maps and Google Places API support.

Preview

Installation

Download an install the library

npm install react-native-location-view --save

Or if you are using yarn

yarn add react-native-location-view

This library depends upon 2 other native libraries

1. react-native-maps
2. react-native-vector-icons

Make sure to install these before you install react-native-location-view

For Google Places API go to this page and enable "Google Places API Web Service" (NOT Android or iOS) in the console.

Example

1import React from 'react';
2import LocationView from "react-native-location-view";
3import {View} from "react-native";
4
5
6export default class SelectLocationScreen extends React.Component {
7  state = {
8
9  };
10
11  render() {
12    return(
13      <View style={{flex: 1}}>
14        <LocationView
15          apiKey={"MY_GOOGLE_API_KEY"}
16          initialLocation={{
17            latitude: 37.78825,
18            longitude: -122.4324,
19          }}
20        />
21      </View>
22    );
23  }
24}

Supported Props

Prop	Type	Required
apiKey	string	Yes
initialLocation	object	Yes
markerColor	string	No
actionButtonStyle	object (style)	No
actionTextStyle	object (style)	No
actionText	string	No
onLocationSelect	function	No
debounceDuration	number	No