React-Native 原生模块（iOS）调用

最新推荐文章于 2023-09-19 15:27:57 发布

Tarkzeng

最新推荐文章于 2023-09-19 15:27:57 发布

阅读量3.9k

点赞数 2

分类专栏： React-Native 文章标签： React RN iOS

本文链接：https://blog.csdn.net/u011350527/article/details/50732051

版权

React-Native 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

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

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

@interface NativeTest : NSObject <RCTBridgeModule>

@end

2、导出模块，导出方法

#import "NativeTest.h"

@implementation NativeTest

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

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

@end

3、js文件中调用

//创建原生模块实例
var NativeModule = 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