如何在iOS和Android端React Native应用中实现HERE SDK？

现有第三方React Native库现状 #

目前HERE官方没有推出官方维护的React Native适配版本，仅存在社区开发者贡献的非官方包，比如react-native-here-maps等相关库。
这类社区库普遍存在几个问题：

• 停止维护时间较早，仅适配HERE SDK的老旧版本，无法兼容新版Explore、Navigate版本的SDK
• 仅支持基础的地图渲染、标记添加功能，核心的导航、路径规划、离线地图、实时路况、车道级引导等功能均无法支持
• 适配性差，多数不支持React Native 0.60+的自动链接特性，在新版本RN工程中容易出现编译报错
  如果你的需求仅为基础地图展示，不需要用到复杂的地图/导航能力，可尝试使用这类第三方库减少开发量，但不推荐在正式生产环境中使用。

生产环境首选方案：双平台原生接入后封装桥接 #

如果需要用到HERE SDK的核心导航、路径规划等能力，优先选择分别接入iOS、Android原生HERE SDK，再封装桥接接口供RN层调用的方案，可完整复用HERE SDK的全部能力，稳定性可控。
具体实现步骤如下：

• 第一步：在HERE开发者后台申请对应平台的授权凭据，iOS和Android端需要分别申请独立的App ID、App Key、授权码
• 第二步：分别在RN工程的iOS、Android原生目录下，按照官方接入流程集成对应版本的HERE SDK，需要导航能力就选择Navigate Edition，仅需地图能力可选择Explore Edition
• 第三步：通过React Native提供的桥接能力封装调用接口：
  • 地图视图类原生UI组件，通过Native UI Components能力封装，对外暴露缩放、平移、添加标记、绘制路线等控制方法给JS层
  • 路径规划、导航启停、离线地图管理、POI搜索等逻辑类能力，通过Native Modules能力封装，用Promise或者事件回调将结果返回给JS层
• 第四步：JS层封装统一的调用工具类，抹平iOS和Android端的接口差异，上层业务调用时无需区分平台

方案选型参考 #

• 需求简单、仅做Demo验证：可选择社区第三方库，开发周期短
• 生产环境使用、需要核心导航/地图能力：选择原生桥接封装方案，稳定性和功能完整性更高

内容的提问来源于stack exchange，提问作者Klam