React Native桥接Android模块-callback回调方式
相关链接
1. React Native桥接Android模块-Toast
2. React Native桥接Android模块-Activity
3. React Native桥接Android模块-用Promise机制调用安卓原生代码
4. React Native桥接Android模块-callback回调方式
5.React Native桥接Android模块-RNDeviceEventEmitter方式
6. React Native桥接Android模块-多线程RNDeviceEventEmitter方式
7.React Native桥接Android模块-RN获取Activity回调
1.创建模块类
public class RNManagerModule extends ReactContextBaseJavaModule {
private Context mContext;
public RNManagerModule(ReactApplicationContext reactContext) {
super(reactContext);
mContext = reactContext;
}
@Override
public String getName() {
return "RNManagerModule";
}
// RN用callback回调方式与安卓原生代码通信
@ReactMethod
public void RNCallback(Callback errorCallback, Callback successCallback){
try {
successCallback.invoke("成功的回调"); //调用回调函数,返回结果
}catch (IllegalViewOperationException e){
errorCallback.invoke("失败的回调");
}
}
}
2.注册模块
public class RNPackage implements ReactPackage {
@Override
public List<ViewManager> createViewManagers(ReactApplicationContext reactContext) {
return Collections.emptyList();
}
@Override
public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) {
List<NativeModule> modules=new ArrayList<>();
//将我们创建的类添加进原生模块列表中
modules.add(new RNManagerModule(reactContext));
return modules;
}
}
3.Android包的注册
将RNPackage添加到 MainApplication.java 中的 getPackages() 方法中
js调用原生代码
import { NativeModules } from 'react-native';
<Button
title="RN用callback回调方式与安卓原生代码通信"
onPress={() => {
NativeModules.RNManagerModule.RNCallback(
(errorCallback)=>{
console.log("回调-->",errorCallback);
},
(successCallback)=>{
console.log("回调-->",successCallback);
}
)
}}
/>
RN调用Android需要module名和方法名相同,而Android调用RN只需要方法名相同。
- RCTDeviceEventEmitter 事件方式
- 优点:可任意时刻传递,Android主导控制。 可以用于多线程
- Callback 回调方式
- 优点:JS调用,Android返回。
- 缺点:CallBack为异步操作,返回时机不确定
- Promise
- 优点:JS调用,Android返回。
- 缺点:每次使用需要JS调用一次
- 直传常量数据(原生向RN)
- 跨域传值,只能从原生端向RN端传递。RN端可通过
NativeModules.[module名].[参数名]
的方式获取。
- 跨域传值,只能从原生端向RN端传递。RN端可通过
注意:RN层调用NativeModule层进行界面跳转时,需要设置FLAG_ACTIVITY_NEW_TASK标志