react-native-navigation-directions

A simple react-native module which allows you to open default navigation app(IOS: Apple Maps, Android: Google Maps) with drive direction between two points. After open the navigation app OpenMapDirections receive callback. Also work with the EXPO(https://expo.io/).

Installation

Props:

| Prop |Type| Required| Note | |--|--|--|--| |startPoint| Object | false | Start point for directions, if this prop is null the start point is device location. |endPoint| Object |true| This is the end position and this prop cannot be empty. |transportType|String|true| Available values: d => driving, w => walking, r => transit or b => bicycling. If you don’t specify any value, Maps uses the user’s preferred transport type or the previous setting.

Example:

import { OpenMapDirections } from 'react-native-navigation-directions';

export default class App extends React.Component {  _callShowDirections = () => {     const startPoint = {       longitude: -8.945406,       latitude: 38.575078     }
const endPoint = {       longitude: -8.9454275,       latitude: 38.5722429     }
const transportPlan = 'w';
OpenMapDirections(startPoint, endPoint, transportPlan).then(res => {       console.log(res)     });   }
render() {     return (       <View style={styles.container}> 	<Text>Show direction between two random points!</Text> 	<Button 	    onPress={() => { this._callShowDirections() }} 	    title="Open map" 	    color="#841584" 	  />       </View>     );   } }

Sponsor