如何在原生Android项目中调用非视图类的React Native代码

直接调用的可行性结论 #

你期望的类似int value = new Adder().add(1)的同步调用方式无法实现。React Native的JS代码运行在独立的JS引擎沙箱中，和原生Java/Swift的运行环境完全隔离，不存在类的直接映射机制，默认RN集成方案也没有暴露JS侧普通类给原生直接调用的能力。

可落地的间接实现方案 #

如果坚持用RN实现非视图逻辑复用，可以通过RN的跨端通信通道实现异步调用，步骤如下：

• RN侧导出可调用方法
  将需要暴露给原生的非视图类方法，通过RN的通信接口注册为可调用的通道方法，示例代码：

class Adder {
  add = (value) => {
    return value + 10;
  }
}

// 注册供原生调用的方法入口
const AdderBridge = {
  add: (param, callback) => {
    const result = new Adder().add(param);
    callback(result);
  }
}

// 挂载到RN全局暴露的模块列表中
global.NativeModules.AdderBridge = AdderBridge;

• 原生侧异步调用
  通过你集成RN时初始化的ReactInstanceManager实例，调用对应的桥接方法，通过回调接收返回值，Android侧示例代码：

// 传入你初始化完成的RN实例
ReactInstanceManager rnManager = YourRNInitConfig.getInstanceManager();
if (rnManager.getCurrentReactContext() != null) {
  rnManager.getCurrentReactContext()
    .getJSModule(AdderJSModule.class)
    .add(1, result -> {
      int value = (int) result;
      // 此处拿到的value为11
    });
}

注意：所有跨环境调用都是异步的，需要改造原有原生代码的同步逻辑适配回调写法，同时需要保证调用时RN的运行环境已经初始化完成。

技术选型建议 #

如果你的核心诉求仅是非视图层逻辑跨端复用，不需要跨端渲染视图，React Native不是最优选择：

• RN的核心能力是跨端视图渲染，为了运行非视图逻辑需要引入完整的JS引擎、RN运行时，会给App增加3~10M的包体积开销
• 跨环境通信存在序列化/反序列化的性能损耗，异步回调的写法会大幅提升原生侧的改造复杂度
  如果仅做逻辑层跨端，更推荐如下方案：
• Kotlin Multiplatform：可以直接将公共逻辑编译为Android可用的jar包、iOS可用的framework，原生可以直接同步调用，无额外运行时开销
• Rust：编译为各平台原生静态库，适合性能要求高的公共逻辑复用

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