React Native Geolocation Konum İzleme

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
/**
* Sample React Native App
* https://github.com/facebook/react-native
*
* @format
* @flow
*/
 
import React from 'react';
import {
  SafeAreaView,
  StyleSheet,
  ScrollView,
  View,
  Text,
  StatusBar,
} from 'react-native';
 
import {
  Header,
  LearnMoreLinks,
  Colors,
  DebugInstructions,
  ReloadInstructions,
} from 'react-native/Libraries/NewAppScreen';
import Geolocation from "@react-native-community/geolocation";
 
export default class App extends React.Component{
  constructor() {
    super();
    this.state = {
      latitude:'',
      longitude:''
    }
  }
 
  componentDidMount() {
      Geolocation.requestAuthorization();
      Geolocation.watchPosition(
          position => {
            const { coords:{latitude,longitude}} = position;
            this.setState( {latitude,longitude})
          },
          error => {
 
          }
      )
  }
 
  render(){
    return <SafeAreaView>
      <View style={{justifyContent:'center',alignItems:'center'}}>
        <Text>Latitude: {this.state.latitude}</Text>
        <Text>Longitude: {this.state.longitude}</Text>
 
      </View>
    </SafeAreaView>
  }
}

Bir cevap yazın

E-posta hesabınız yayımlanmayacak.