-
Notifications
You must be signed in to change notification settings - Fork 1
/
App.js
68 lines (59 loc) · 1.77 KB
/
App.js
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
60
61
62
63
64
65
66
67
68
import React, { useState, useEffect } from 'react';
import { Platform, Text, View, StyleSheet, Button } from 'react-native';
import Constants from 'expo-constants';
import * as Location from 'expo-location';
import * as Permissions from 'expo-permissions';
const App = () => {
const [state, setState] = useState({
location: null,
errorMessage: null,
})
useEffect(() => {
if (Platform.OS === 'android' && !Constants.isDevice) {
setState({
errorMessage: 'Oops, this will not work on Sketch in an Android emulator. Try it on your device!',
});
} else {
_getLocationAsync();
}
}, [])
const _getLocationAsync = async () => {
let { status } = await Permissions.askAsync(Permissions.LOCATION);
if (status !== 'granted') {
setState({
errorMessage: 'Permission to access location was denied',
});
}
let geocode = await Location.getCurrentPositionAsync({});
let location = await Location.reverseGeocodeAsync(geocode.coords);
setState({ location });
};
let text = 'Waiting..';
if (state.errorMessage) {
text = state.errorMessage;
} else if (state.location) {
// text = JSON.stringify(state.location);
text = `You are at ${state.location[0].street} ${state.location[0].name}!`
}
return (
<View style={styles.container}>
<Text style={styles.paragraph}>{text}</Text>
<Button style={styles.button} title='update address' onPress={() => _getLocationAsync()} />
</View>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
alignItems: 'center',
justifyContent: 'center',
paddingTop: Constants.statusBarHeight,
backgroundColor: '#ecf0f1',
},
paragraph: {
margin: 24,
fontSize: 18,
textAlign: 'center',
},
});
export default App;