介绍
react-native-geolocation-helper 是一个 react native 的 npm 包，它可以帮助我们方便地使用手机的定位功能。本文将对 react-native-geolocation-helper 的使用方法进行详细介绍，包括安装、配置和代码示例。
安装
使用 npm 安装 react-native-geolocation-helper：
npm install react-native-geolocation-helper --save
或者使用 yarn 安装：
yarn add react-native-geolocation-helper
配置
在使用 react-native-geolocation-helper 之前，需要进行如下配置：
iOS 配置
在 iOS 项目中，需要在 Info.plist 文件中添加如下配置：
<key>NSLocationWhenInUseUsageDescription</key> <string>Your message to user when the app requests their location</string> <key>NSLocationAlwaysAndWhenInUseUsageDescription</key> <string>Your message to user for background location use</string>
其中，NSLocationWhenInUseUsageDescription 表示应用在使用期间访问位置信息的描述，NSLocationAlwaysAndWhenInUseUsageDescription 表示应用始终访问位置信息时的描述。
Android 配置
在 Android 项目中，需要添加如下权限：
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" /> <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
同时，需要在 AndroidManifest.xml 文件中添加如下配置：
-- -------------------- ---- -------
--------- -------------------------- --
-------------
----------
---------------------------------------------
-------------------------------------------------------
--------
-----------------------------------------
----------------------
------------------------ --
--------------在组件中使用
在需要使用定位功能的组件中，可以按照如下方式引入 react-native-geolocation-helper：
import GeolocationHelper from 'react-native-geolocation-helper';
获取当前位置
使用 GeolocationHelper.getCurrentPosition() 函数可以获取当前位置的经纬度信息。该函数返回一个 Promise 对象，可以通过 then 方法获取返回的位置信息。示例代码如下：
GeolocationHelper.getCurrentPosition()
.then(position => {
console.log(position.coords.latitude, position.coords.longitude);
})
.catch(error => {
console.log(error);
});监听位置变化
使用 GeolocationHelper.watchPosition() 函数可以监听位置的变化。该函数接收一个回调函数作为参数，每当位置发生变化时，回调函数就会被执行。同时，该函数会返回一个 id 值，可以用来取消监听。示例代码如下：
const id = GeolocationHelper.watchPosition(position => {
console.log(position.coords.latitude, position.coords.longitude);
});
// 取消监听位置变化
GeolocationHelper.clearWatch(id);判断定位权限是否开启
使用 GeolocationHelper.checkPermission() 函数可以判断定位权限是否开启。该函数返回一个 Promise 对象，可以通过 then 方法获取返回的权限信息。示例代码如下：
GeolocationHelper.checkPermission()
.then(response => {
console.log(response);
})
.catch(error => {
console.log(error);
});请求开启定位权限
使用 GeolocationHelper.requestPermission() 函数可以请求开启定位权限。该函数返回一个 Promise 对象，可以通过 then 方法获取返回的权限信息。示例代码如下：
GeolocationHelper.requestPermission()
.then(response => {
console.log(response);
})
.catch(error => {
console.log(error);
});总结
本文介绍了如何使用 react-native-geolocation-helper 包来方便地使用手机的定位功能，并详细介绍了安装、配置和示例代码。希望对大家学习和开发 react native 应用有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60067356890c4f7277583c72