美文网首页
RN原生控件调用原生oc页面

RN原生控件调用原生oc页面

作者: 顺其自然_Cao | 来源:发表于2017-10-19 16:53 被阅读0次

1,先创建一个RN项目,并且实现一个点击控件。

RN项目实现点击事件

2.创建一个UIView把AppDelegate文件里的关键代码拿到创建的UIView里面来,

ReactView

3.在创建一个OC原生的控制器,调用ReactView初始化。在把RNViewController控制器到AppDelegate.m文件里调用

RNViewController AppDelegate.m

4.创建一个继承NSObject的RNBridgeModule类引入一下RN的#import《React/RCTBridgeModule.h》库实现代理《RCTBridgeModule》并且实现两个宏。

4.1 RCT_EXPORT_MODULE(RNBridgeModule)宏是输出这个类给RN的并且告诉RN用的时候叫RNBridgeModule这个类名字。

4.2 RCT_EXPORT_METHOD(RNOpenVC:(NSString*)mgs){}这个宏是把这个方法输出给RN让RN拿到并且实现调用。

RNBridgeModule.h RNBridgeModule.m

5.进入RN的JS里面先声明一个NativeModules然后拿到在OC创建的RNBridgeModule类里面的方法就实现了跳转。

index.ios.js

这样就实现了跳转了。后面的登陆和tabView都是OC原生代码实现的。

0.0

写的不好请见谅!git的Demo地址:https://github.com/15574843478/Mymmp.git

相关文章

网友评论

      本文标题:RN原生控件调用原生oc页面

      本文链接:https://www.haomeiwen.com/subject/ygmuuxtx.html