React-Native 原生模块(iOS)调用

前端之家收集整理的这篇文章主要介绍了React-Native 原生模块(iOS)调用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1、创建原生模块,实现“RCTBridgeModule”协议

#import <Foundation/Foundation.h>
#import "RCTBridgeModule.h"

@H_301_12@@interface NativeTest : NSObject <RCTBridgeModule>

@end

2、导出模块,导出方法

#import "NativeTest.h"

@H_301_12@@implementation NativeTest

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

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

@end

3、js文件调用

//创建原生模块实例
var NativeModule = @H_502_44@require('react-native').NativeModules.NativeTest;
//方法调用
NativeModule.doSomething('ReactNative');

控制台输出

2016-02-24 16:52:07.397 [info][tid:com.facebook.React.JavaScript][RCTJSCProfiler.m:63] JSC profiler is not supported.
2016-02-24 16:52:07.974 RN_StockChart[39722:2233173] doSomething:ReactNative
原文链接:https://www.f2er.com/react/307155.html

猜你在找的React相关文章