/Javascript/React/Npm react native turn by turn navigation

Npm react native turn by turn navigation

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>
    );
  }
}

Source: npmjs.com

Similar codes

0 vote211 views1 answer
Slide hide animaition in react
Javascript React
1 vote220 views1 answer
React lottie player on hover
Javascript React
2 votes228 views1 answer
All react navigation packages
Javascript React
0 vote219 views1 answer
Icon button react
Javascript React
10 votes237 views3 answers
Jquery react npm
Javascript React
0 vote214 views1 answer
How to align text vertically center beside an image in react native
Javascript React
5 votes231 views1 answer
Wrap text react native
Javascript React
0 vote252 views1 answer
Tailwind css toggle switch react
Javascript React
0 vote214 views1 answer
How to add alternate image in img tag in react
Javascript React
0 vote210 views1 answer
React router dom default params
Javascript React