RN和原生交互之iOS

 

一、RN调用原生方法

1、定义模型

对于React Native 来讲，iOS端一个实现了RCTBridgeModule 协议的NSObject及其子类就可以被JS调用；

例如：

#import <React/RCTBridgeModule.h>

@interface ZHJSManager : NSObject <RCTBridgeModule>
@end

#import "ZHJSManager.h"
@implementation ZHJSManager

// 默认导出名为 ZHJSManager 的module暴露给JS
RCT_EXPORT_MODULE();

// 也可以传值自定义moduleName  比如 RCT_EXPORT_MODULE(MyCustomJSManager);

@end
复制代码

2、暴露方法

模型定义好之后就可以写方法，为了让RN发现原生方法需要在.m中使用另外一个宏定义RCT_EXPORT_METHOD()来导出（包裹）你的方法:

@implementation ZHJSManager

 RCT_EXPORT_MODULE();RCT_EXPORT_METHOD(methodNameWithFirst:(NSString *)paramStr second:(NSString *)second){
  //OC代码随便写
}

// 你还可以使用RN向原生端传递整数RCT_EXPORT_METHOD(getIntFromReactNative:(NSInteger)count) {  NSString *msg = [NSString stringWithFormat:@"我收到来自RN的整数：%zd", count];  [self showAlert:msg];}// 你甚至还可以使用RN向原生传递NSDictionary和NSArray等复杂数据RCT_EXPORT_METHOD(getDictionaryFromRN:(NSDictionary *)dict) {  NSLog(@"RN传递过来的字典：%@", dict);  // 使用字典参数做你想做的，原生iOS攻城狮}RCT_EXPORT_METHOD(getArrayFromRN:(NSArray *)array) {  NSLog(@"RN传递过来的数组：%@", array); // 使用数组参数做你想做的，原生iOS攻城狮}//还可以使用RN提供的block
RCT_EXPORT_METHOD(giveMyRNSomeStringWithBlock:(RCTResponseSenderBlock)callbackBlock) {  if (callbackBlock) {    callbackBlock(@[@"包裹在数组中的字符串"]);  }}
/// 使用block回传字典或者数组（包裹成二维数组了）到RN端RCT_EXPORT_METHOD(giveMyRNSomeDicDataWithBlock:(RCTResponseSenderBlock)callbackBlock) {  if (callbackBlock) {    NSDictionary *dict = @{@"key1": @"strValue",                           @"key2" : @(20),                           @"key3": @(YES)};