iOS Native获取RN页面的数据

2017-05-18  本文已影响56人  摸着_石头过河
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
上一篇下一篇

猜你喜欢

热点阅读