/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 vote196 views1 answer
Header logo react native img
Javascript React
0 vote188 views1 answer
Svelte reactive async
Javascript React
3 votes172 views2 answers
Handle onchange react
Javascript React
32 votes164 views6 answers
Usestate react
Javascript React
1 vote126 views1 answer
How to change the value of state in react
Javascript React
10 votes139 views1 answer
That is neither a react function component nor a custom react hook function. react component names must start with an uppercase letter. react hook names must start with the word "use"
Javascript React
15 votes191 views6 answers
React forms
Javascript React
0 vote194 views1 answer
Detect the city on application launch via geolocation react native
Javascript React
0 vote252 views1 answer
No routes matched location / react router
Javascript React
31 votes189 views1 answer
Install react router dom and save
Javascript React