1.创建原生模块,实现“RCTBridgeModule”协议
#import <Foundation/Foundation.h>
#import <React/RCTBridgeModule.h>
@interface NativeTestMoudle : NSObject<RCTBridgeModule>
@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