react-native-rhlocation v1.0.15

React-Native-RHLocation

瑞昊RN项目定位组件

基于高德定位 React Native 模块，支持react native 0.40+

Install 安装

• npm install react-native-rhlocation --save

Import 导入

自动导入

• react-native link react-native-rhlocation

手动导入

Android Studio

1. 配置 settings.gradle

include ':react-native-rhlocation' project(':react-native-rhlocation').projectDir = new File(settingsDir, '../node_modules/react-native-rhlocation/android')

2. 配置 build.gradle

dependencies {

compile project(':react-native-rhlocation') } 3. 配置AndroidMainifest.xml

配置高德Key

<meta-data android:name="com.amap.api.v2.apikey" android:value="高德Key">

添加权限（根据需求而定，添加自己想要的权限）

4. MainApplication

new LocationPackage()

Xcode

• react-native-baidu-map/ios/lib下的AMapLocationKit.framework与AMapFoundationKit.framework 文件copy或拖拽到工程文件夹中，左侧目录选中工程名，在 TARGETS->Build Phases-> Link Binary With Libaries 中点击“+”按钮，在弹出的窗口中点击“Add Other”按钮，选择工程目录下的 AMapLocationKit.framework文件添加到工程中

• 需要引入的系统库文件

• 在 TARGETS->General->Linked Frameworks and Libraries 中点击“+”，依次查找上述文件，添加到工程中，如下如所示：

• 定位权限

在项目的 Info.plist 添加定位权限申请，根据您的业务需求，选择下列方式设置。

iOS 8 - iOS 10 版本：

NSLocationWhenInUseUsageDescription 表示应用在前台的时候可以搜到更新的位置信息。 NSLocationAlwaysUsageDescription 申请Always权限，以便应用在前台和后台（suspend 或 terminated）都可以获取到更新的位置数据。

iOS 11 版本：

NSLocationAlwaysAndWhenInUseUsageDescription 申请Always权限，以便应用在前台和后台（suspend 或 terminated）都可以获取到更新的位置数据（NSLocationWhenInUseUsageDescription 也必须有）。

• AppDelegate.m init 初始化

#import <AMapFoundationKit/AMapFoundationKit.h>

• (BOOL)application:(UIApplication )application didFinishLaunchingWithOptions:(NSDictionary )launchOptions { ... AMapServices sharedServices.apiKey =@"高德Key"; ... }

React Native使用

定位方法使用

1. 同步使用

async componentDidMount(){

let locationModel= await LocationModule.startLocation();

}

2. 异步使用

LocationModule.startLocation().then((locationModel)=>{

});

LcationModel属性说明