我无法在redux的react-native中使用geolocation

问题描述 投票:0回答:2

我在使用redux的react-native中使用geolocation,但是我遇到了2个问题..

  1. 它在我的android工作室模拟器中显示错误的纬度和经度,我的位置是拉合尔,巴基斯坦,但它显示美国的位置。
  2. 当我签署它的apk文件并在我的手机中安装apk文件然后它没有显示任何位置,空。

谁能帮我?

这是我的代码..!

Reducer.js

let initialState = {
    lng: null,
    lat: null,
}

export default function prayerTimes(state = initialState, action) {
    switch (action.type) {

         case GET_LOCATION:
             return {
                ...state,
                lat: action.lat,
                lng: action.lng
         }

    }
}

Action.js

export function getLocation() {
    return dispatch => {
        navigator.geolocation.getCurrentPosition((position) => {
            dispatch({
                type: GET_LOCATION,
                lat: position.coords.latitude,
                lng: position.coords.longitude
            });
        });
    };
}

App.js

componentDidMount() {
    const { getLocation } = this.props;
    getLocation();
}

render() {
   const { lng, lat } = this.props;
   return (
       <View style={{justifyContent: 'center'}}>
            <Text style={{color: 'white'}}>Latitude: {lat}</Text>
            <Text style={{color: 'white'}}>Latitude: {lng}</Text>
       </View>
    );
}
api react-native redux geolocation maps
2个回答
0
投票

您是否尝试过高精度?

navigator.geolocation.getCurrentPosition(
    (position) => {
        dispatch({
            type: GET_LOCATION,
            lat: position.coords.latitude,
            lng: position.coords.longitude
        });
    },
    (error) => {},
    { enableHighAccuracy: true, timeout: 20000, maximumAge: 1000 },
);

0
投票

以下代码适用于我获取我当前的国家/地区名称。

constructor(props) {
            super(props);
            this.state = {
                lat: null,
                long: null,
            };
          }

          componentDidMount ()  {    
            navigator.geolocation.getCurrentPosition(
                (position) => {
                   var lat = parseFloat(position.coords.latitude);
                   var long = parseFloat(position.coords.longitude);

                   this.setState({ lat: lat, long: long });
                },
                (error) => {  },
            ); 
            }

            componentDidUpdate () {

                var pos = {
                    lat: this.state.lat,
                    lng: this.state.long,
                };

           Geocoder.geocodePosition(pos).then(res => {  // import Geocoder from 'react-native-geocoder';
               AsyncStorage.setItem('location',res[0].country); // res[0].country gives you the country name of your location
          })
                .catch(error => alert(error));

            }
© www.soinside.com 2019 - 2024. All rights reserved.