iOS Native获取RN页面的数据

iOS Native获取RN页面的数据_第1张图片
1.创建原生模块,实现“RCTBridgeModule”协议
#import 
#import 

@interface NativeTestMoudle : NSObject

@end
2.导出模块,导出方法
#import "NativeTestMoudle.h"

@implementation NativeTestMoudle

//导出模块
RCT_EXPORT_MODULE(); //此处不添加参数即默认为这个OC类的名字

//导出方法,桥接到js的方法返回值类型必须是void
RCT_EXPORT_METHOD(doSomehing:(NSString*)name)
{
  NSLog(@"My name is :%@",name);
}

@end
3. js文件中调用
3.1 1导入头文件
import {
    NativeModules,
} from 'react-native';
3.1 2在回调处使用以下代码
callBackNative(){
 let NativeModule = NativeModules.NativeTestMoudle;
   NativeModule.doSomehing('ReactNative回调回来的数据1233');
}
4. 控制台输出
07A9F072-A5AA-44BC-B87F-153BDD176F8D.png

你可能感兴趣的:(iOS Native获取RN页面的数据)