RN=>ios 和iOS=>RN相互传递数据
2018-03-20 本文已影响0人
贪吃的猫cx
小伙伴们今天给大家带来的是RN与IOS之间的相互传递数据!!!
1.RN=>IOS
首先我们先在iOS里面创建一个model,继承RCTEventEmitter(后面iOS给RN传递数据需要),在导入RCTBridgeModule.h

接下来我们在.m文件里面写实现方法

再在需要接受数据的VC里面的viewDidLoad里面实现通知方法


下面我们在rn代码里面写实现方法


运行后操作结果

点击My High Scores!后

我这个是按了后跳转界面的,把数据传递给下个界面的导航栏标题,看我上面写的实现通知方法就知道了,跳转之后的界面显示

点击Alex:245 joel:10后跳转另一个界面效果如下,

2.ios=>RN
我上面我提到创建model时要继承RCTEventEmitter,那么我们需要实现父类的一些方法



我们点击按钮调用在model里面写的方法

下面在rn里面实现

点击后打印的数据

写的不好,希望大家别介意!!!
项目地址:https://github.com/shamworld/RN-IOS,先cd到reactnative下 npm install ,在cd到项目目录下pod install 现在依赖