# react-native-map-navigation-control

Enhances React Native Maps Control with Realtime Navigation.

The Library is an improvement to [react-native-maps-navigation](https://github.com/flyandi/react-native-maps-navigation) by flyandi which has some depreciations

`Please note that this module is usable but still under heavy development. Some properties and/or component names might change without notice.`

![alt text](https://github.com/shynne109/react-native-map-navigation-control/raw/master/docs/preview.gif "react-native-map-navigation-control")


## Installation

**React Native >= 0.60**

```bash
yarn add react-native-map-navigation-control
```



## Components

The library exposes the following modules and components.

The main component is `MapViewNavigation`:

[`<MapViewNavigation />` Component API](docs/MapViewNavigation.md)


The library also ships with various UI components:

[`<DirectionInputBox />` Component API](docs/DirectionInputBox.md)

[`<DirectionsListView />` Component API](docs/DirectionsListView.md)

[`<DurationDistanceLabel />` Component API](docs/DurationDistanceLabel.md)

[`<DurationDistanceView />` Component API](docs/DurationDistanceView.md)

[`<ManeuverView />` Component API](docs/ManeuverView.md)

[`<ManeuverLabel />` Component API](docs/ManeuverLabel.md)

[`<TravelModeBox />` Component API](docs/TravelModeBox.md)

These are internal components used by the library:

[`<ManeuverArrow />` Component API](docs/ManeuverArrow.md)

[`<CloseButton />` Component API](docs/CloseButton.md)

[`<PositionMarker />` Component API](docs/PositionMarker.md)

[`<RouteMarker />` Component API](docs/RouteMarker.md)

[`<RouterPolyline />` Component API](docs/RouterPolyline.md)

## General Usage




