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

react

主要内容:

  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 Native 混合编程 之访问iOS设备 的全部内容, 来源链接: utcz.com/z/383451.html

回到顶部