React Native橋接Android模塊-RN獲取Activity回調
1.創建模塊類
public class RNManagerModule extends ReactContextBaseJavaModule {
private Context mContext;
private static final int REQUEST_CODE = 1;
public RNManagerModule(ReactApplicationContext reactContext) {
super(reactContext);
mContext = reactContext;
//添加Activity回調的監聽
reactContext.addActivityEventListener(mActivityEventListener);
}
@Override
public String getName() {
return "RNManagerModule";
}
private Callback mDoneCallback;
private Callback mCancelCallback;
//實現回調
private final ActivityEventListener mActivityEventListener = new BaseActivityEventListener() {
@Override
public void onActivityResult(Activity activity, int requestCode, int resultCode, Intent intent) {
if (requestCode == REQUEST_CODE) {
if (mDoneCallback != null) {
if (resultCode == Activity.RESULT_CANCELED) {
mCancelCallback.invoke("取消");
} else {
WritableMap map = Arguments.createMap();
map.putString("result", intent.getExtras().getString("result"));
mDoneCallback.invoke(map);
}
}
mCancelCallback = null;
mDoneCallback = null;
}
}
};
// RN跳轉Activity並實現Activity回調
@ReactMethod
public void RNActivityResult(final ReadableMap map, final Callback onDone, final Callback onCancel){
String strData = map.hasKey("strData") ? map.getString("strData") : "0";
Log.e("RN傳來的數據", strData);
Intent intent = new Intent(getCurrentActivity(), RnActivity.class);
mCancelCallback = onCancel;
mDoneCallback = onDone;
intent.putExtra("strData", strData);
getCurrentActivity().startActivityForResult(intent, REQUEST_CODE);
}
}
RnActivity的主要代碼
Intent returnIntent = new Intent();
returnIntent.putExtra("result", "RNActivity返回的數據");
setResult(Activity.RESULT_OK, returnIntent);
finish();
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, DeviceEventEmitter } from 'react-native';
<Button
title="RN獲取Activity相關的回調"
onPress={() => {
NativeModules.RNManagerModule.RNActivityResult({strData:'RN向Android傳輸的數據'},(onDone)=>{console.log('onDone-->',onDone.result)},(onCancel) => {console.log('onCancel-->',onCancel)});
}}
/>
RN調用Android需要module名和方法名相同,而Android調用RN只需要方法名相同。
(1)RCTDeviceEventEmitter 事件方式
優點:可任意時刻傳遞,Android主導控制。 可以用於多線程
(2)Callback 回調方式
優點:JS調用,Android返回。
缺點:CallBack爲異步操作,返回時機不確定
(3)Promise
優點:JS調用,Android返回。
缺點:每次使用需要JS調用一次
(4)直傳常量數據(原生向RN)
跨域傳值,只能從原生端向RN端傳遞。RN端可通過 NativeModules.[module名].[參數名] 的方式獲取。
注意:RN層調用NativeModule層進行界面跳轉時,需要設置FLAG_ACTIVITY_NEW_TASK標誌