ReactNative桥接原生库

pang_gua

于 2018-04-24 00:21:49 发布

阅读量963

点赞数

分类专栏： ReactNative 文章标签： Android ReactNative TypeScript 桥接原生库

本文链接：https://blog.csdn.net/pang_gua/article/details/80058712

版权

本文探讨了如何在ReactNative应用中桥接原生库，详细阐述了在Java层继承ReactContextBaseJavaModule，实现ReactPackage和ReactApplication的过程。同时，介绍了在TypeScript层调用这些原生库的三种通信方式。

摘要由CSDN通过智能技术生成

原生桥接1（类库桥接）

Native层 - Java

继承 ReactContextBaseJavaModule，代码中只展示了三种通信方式。

public class CustomBridgeLibrary extends ReactContextBaseJavaModule {
     

private ReactApplicationContext mContext;

public CustomBridgeLibrary(ReactApplicationContext reactContext) {
    super(reactContext);
    this.mContext = reactContext;
}

/**
 * 指定RN调用时的名称
 * "CUSTOM_LIBRARY_NAME": 库的调用名称，在RN层调用时，需保持命名一致.
 */
@Override
public String getName() {
    return "CUSTOM_LIBRARY_NAME";
}

/**
 * 1.声明RN调用Native的方法
 * "@ReactMethod": 加上此注解，才能被RN层正确调用.
 */
@ReactMethod
public void callByReact(String msg){
    Log.i("Native", "callByReact: " + msg);
}

/**
 * 2.Emi