React Native原生与JS层交互

xiangzhihong8

于 2018-07-07 16:39:43 发布

阅读量2.1k

点赞数 1

分类专栏： React Native

本文链接：https://blog.youkuaiyun.com/xiangzhihong8/article/details/80952666

版权

React Native 专栏收录该内容

209 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文详细介绍了React Native与原生iOS之间的交互，包括原生给React Native传参、React Native执行原生方法和回调，以及iOS原生访问React Native的机制。通过RCTRootView的initialProperties和appProperties实现数据传递，利用RCTBridgeModule协议和RCT_EXPORT_METHOD宏导出原生方法，以及通过eventDispatcher发送和接收事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在对《React Native移动开发实战》一书进行部分修订和升级。在React Native开发中，免不了会涉及到原生代码与JS层的消息传递等问题，那么React Native究竟是如何实现与原生的互相操作的呢？

原生给React Native传参

原生给React Native传值

原生给JS传值，主要依靠属性，也就是通过initialProperties，这个RCTRootView的初始化函数的参数来完成。通过RCTRootView的初始化函数你可以将任意属性传递给React Native应用，参数initialProperties必须是NSDictionary的一个实例。RCTRootView有一个appProperties属性，修改这个属性，JS端会调用相应的渲染方法。

使用RCTRootView将React Natvie视图封装到原生组件中。RCTRootView是一个UIView容器，承载着React Native应用。同时它也提供了一个联通原生端和被托管端的接口。

例如有下面一段OC代码：

NSURL *jsCodeLocation;

  jsCodeLocation = [[RCTBundleURLProvider sh

了解本专栏

超级会员免费看