# @iomechs/react-native-location-view

> A package to help pick user location with autocomplete and current location support. Uses react-native-maps

Latest version **0.0.3** (published 2020-05-23) · MIT license · 0 weekly downloads

## Install

```sh
npm install @iomechs/react-native-location-view
pnpm add @iomechs/react-native-location-view
yarn add @iomechs/react-native-location-view
bun add @iomechs/react-native-location-view
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.3 |
| Published | 2020-05-23 |
| First published | 2020-05-23 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 18.7 KB |
| Known vulnerabilities | 0 (+25 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Hunaid Hassan |
| Maintainers | ahsanayaz, siraj.haq |
| Keywords | autocomplete, google, places, react-component, react-native, ios, android, location, location-picker |

## Links

- npm: https://www.npmjs.com/package/@iomechs/react-native-location-view
- Repository: https://github.com/IOMechs/react-native-location-view
- Homepage: https://github.com/IOMechs/react-native-location-view#readme
- Issues: https://github.com/IOMechs/react-native-location-view
- npm.io page: https://npm.io/package/@iomechs/react-native-location-view

## Dependencies (3)

- [axios](https://npm.io/package/axios.md) ^0.19.0
- [prop-types](https://npm.io/package/prop-types.md) ^15.6.0
- [react-native-simple-events](https://npm.io/package/react-native-simple-events.md) ^1.0.1

## Alternatives

- [@sindresorhus/slugify](https://npm.io/package/@sindresorhus/slugify.md) — 3.7M weekly downloads
- [solid-js](https://npm.io/package/solid-js.md) — 2.7M weekly downloads
- [expo-glass-effect](https://npm.io/package/expo-glass-effect.md) — 2.5M weekly downloads
- [nanoassert](https://npm.io/package/nanoassert.md) — 780.8K weekly downloads
- [@ffmpeg/ffmpeg](https://npm.io/package/@ffmpeg/ffmpeg.md) — 529.5K weekly downloads

## Recent versions

- 0.0.3 (latest) — 2020-05-23
- 0.0.2 — 2020-05-23
- 0.0.1 — 2020-05-23

## README

# react-native-location-view

Simple location picker with maps and Google Places API support.

### Preview

![](https://github.com/superapp/react-native-location-view/blob/master/screenrecording/screengrab.gif?raw=true)

### 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](https://github.com/react-community/react-native-maps)
2. [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons)

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

For Google Places API go to [this](https://developers.google.com/places/documentation/) page and enable "Google Places API Web Service" (NOT Android or iOS) in the console.

### Example

```jsx
import React from 'react';
import LocationView from "react-native-location-view";
import {View} from "react-native";


export default class SelectLocationScreen extends React.Component {
  state = {

  };

  render() {
    return(
      <View style={{flex: 1}}>
        <LocationView
          apiKey={"MY_GOOGLE_API_KEY"}
          initialLocation={{
            latitude: 37.78825,
            longitude: -122.4324,
          }}
        />
      </View>
    );
  }
}
```

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

---
_Source: https://npm.io/package/@iomechs/react-native-location-view · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._