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