Quero colocar na minha aplicação um botão que ao ser apertado retorne o endereço atual do celular.
A latitude e longitude estou conseguindo retornar corretamente, e para converter estes dados em um endereço cheguei a biblioteca react-native-geocoder.
Meu código atual está assim:
import React, { Component } from 'react';
import { View, Text, Button } from 'react-native';
import Geocoder from 'react-native-geocoder';
// 0.4.8
class GeolocationExample extends Component {
constructor(props) {
super(props);
this.state = {
latitude: null,
longitude: null,
error: null,
};
}
refresh = () => {
navigator.geolocation.getCurrentPosition(
(position) => {
this.setState({
latitude: position.coords.latitude,
longitude: position.coords.longitude,
error: null,
});
},
(error) => this.setState({ error: error.message }),
{ enableHighAccuracy: true, timeout: 20000, maximumAge: 1000 },
);
};
render() {
Geocoder.geocodePosition(this.state.latitude,this.state.longitude)
return (
<View style={{ flexGrow: 1, alignItems: 'center', justifyContent: 'center' }}>
<Text>Latitude: {this.state.latitude}</Text>
<Text>Longitude: {this.state.longitude}</Text>
{this.state.error ? <Text>Error: {this.state.error}</Text> : null}
<Button
style={{ marginTop: 30 }}
onPress={() => { this.refresh(); }}
title="Refresh"
/>
</View>
);
}
}
export default GeolocationExample;
Pelo que entendi em Geocoder.geocodePosition(this.state.latitude,this.state.longitude)
estaria retornando o endereço, porém não entendi como obter estes dados a partir dali.
O código no Snack: https://snack.expo.io/rJhYwaG2Z