想要在 React native 0.55.1 中获取当前位置

Question

我想获取当前位置它适用于当前的 react native 版本，但我希望它适用于 react native 版本 0.55.1

我试过这样 它有效

constructor(props) {
      super(props);

      this.state = {
        latitude: null,
        longitude: null,
        error:null,
      };
    }
componentDidMount() {
      navigator.geolocation.getCurrentPosition(
         (position) => {
           console.log("wokeeey");
           console.log(position);
           this.setState({
             latitude: position.coords.latitude,
             longitude: position.coords.longitude,
             error: null,
           });
         },
         (error) => this.setState({ error: error.message }),
         { enableHighAccuracy: false, timeout: 200000, maximumAge: 1000 },
       );
     }

我用这个打印

<View>   
    <Text> Longitude:- {this.state.latitude} </Text>
    <Text> Latitude:- {this.state.longitude} </Text>
    <Text> {this.state.error} </Text>  
</View>

但是对于 react native 0.55.1 它不起作用。 请帮助我该怎么办？

Answer 1

对于 android，您应该在 android manifest 文件中添加下面提到的权限

 <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION"/>
 <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/>

别忘了在您的设备中启用 GPS

您也可以使用此方法获取当前位置

navigator.geolocation.watchPosition(
         (position) => {
           console.log("wokeeey");
           console.log(position);
           this.setState({
             latitude: position.coords.latitude,
             longitude: position.coords.longitude,
             error: null,
           });
         },
         (error) => this.setState({ error: error.message }),
         { enableHighAccuracy: false, timeout: 200000, maximumAge: 1000 },
       );