React Native 混合编程 之访问iOS设备

前端之家收集整理的这篇文章主要介绍了React Native 混合编程 之访问iOS设备前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

主要内容

1 访问设备

2 访问相册


1.访问设备

创建 device.js 显示设备信息视图 和DeviceInfo.js桥接设备数据文件



进入Xcode 创建RNDeviceInfo类


运行效果


2.读取相册中的图片

创建ImagePicker.js


运行效果


XCode 创建ImagePicker类文件






运行效果



React Native 与原生平台的通信原理


其中:

React Native 平台调用原生平台基于NativeModule,调用方法是Image.模块名称.接口名

原生平台返回数据到React Native 平台基于回调,回调到原型定义是 RCTResponseSenderBlock(iOS平台) 和 com.facebook.react.bridge.Callback(Android平台)

当javaScript 接口调用原生代码时,React Native 与原生平台的数据类型对应关系如下图

猜你在找的React相关文章