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