1.創(chuàng)建原生模塊，實現(xiàn)“RCTBridgeModule”協(xié)議
#import <Foundation/Foundation.h>
#import <React/RCTBridgeModule.h>
@interface NativeTestMoudle : NSObject<RCTBridgeModule>
@end
2.導出模塊，導出方法
#import "NativeTestMoudle.h"
@implementation NativeTestMoudle
//導出模塊
RCT_EXPORT_MODULE(); //此處不添加參數(shù)即默認為這個OC類的名字
//導出方法，橋接到js的方法返回值類型必須是void
RCT_EXPORT_METHOD(doSomehing:(NSString*)name)
{
NSLog(@"My name is :%@",name);
}
@end
3. js文件中調(diào)用
3.1 1導入頭文件
import {
NativeModules,
} from 'react-native';
3.1 2在回調(diào)處使用以下代碼
callBackNative(){
let NativeModule = NativeModules.NativeTestMoudle;
NativeModule.doSomehing('ReactNative回調(diào)回來的數(shù)據(jù)1233');
}
4. 控制臺輸出
07A9F072-A5AA-44BC-B87F-153BDD176F8D.png
