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 与原生平台的数据类型对应关系如下图