Skip to main content
Commonmark migration
Fonte Link

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][1]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 [1]: https://github.com/devfd/react-native-geocoder#install

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][1].

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 [1]: https://github.com/devfd/react-native-geocoder#install

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

Fonte Link
Mateus
  • 985
  • 9
  • 32

Utilizar o Geocoder para retornar o endereço do aparelho

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][1].

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 [1]: https://github.com/devfd/react-native-geocoder#install