RN=>ios 和iOS=>RN相互传递数据

小伙伴们今天给大家带来的是RN与IOS之间的相互传递数据!!!

1.RN=>IOS

    首先我们先在iOS里面创建一个model,继承RCTEventEmitter(后面iOS给RN传递数据需要),在导入RCTBridgeModule.h


RN=>ios 和iOS=>RN相互传递数据_第1张图片

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


RN=>ios 和iOS=>RN相互传递数据_第2张图片

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



RN=>ios 和iOS=>RN相互传递数据_第3张图片

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


RN=>ios 和iOS=>RN相互传递数据_第4张图片
RN=>ios 和iOS=>RN相互传递数据_第5张图片

运行后操作结果


RN=>ios 和iOS=>RN相互传递数据_第6张图片

点击My High Scores!后

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


RN=>ios 和iOS=>RN相互传递数据_第7张图片

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


RN=>ios 和iOS=>RN相互传递数据_第8张图片

2.ios=>RN

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

RN=>ios 和iOS=>RN相互传递数据_第9张图片


RN=>ios 和iOS=>RN相互传递数据_第10张图片

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


RN=>ios 和iOS=>RN相互传递数据_第11张图片

下面在rn里面实现


RN=>ios 和iOS=>RN相互传递数据_第12张图片

点击后打印的数据

RN=>ios 和iOS=>RN相互传递数据_第13张图片

写的不好,希望大家别介意!!!

项目地址:https://github.com/shamworld/RN-IOS,先cd到reactnative下 npm install ,在cd到项目目录下pod install 现在依赖

你可能感兴趣的:(RN=>ios 和iOS=>RN相互传递数据)