加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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

发布时间:2020-12-15 04:39:31 所属栏目:百科 来源:网络整理
导读:1、创建原生模块,实现“RCTBridgeModule”协议 #import Foundation/Foundation.h #import "RCTBridgeModule.h" @interface NativeTest : NSObject RCTBridgeModule @end 2、导出模块,导出方法 #import "NativeTest.h" @implementation NativeTest //导出模

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读