加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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

发布时间:2020-12-15 06:44:25 所属栏目:百科 来源:网络整理
导读:主要内容: 1 访问设备 2 访问相册 1.访问设备 创建 device.js 显示设备信息视图 和DeviceInfo.js桥接设备数据文件 进入Xcode 创建RNDeviceInfo类 运行效果 2.读取相册中的图片 创建ImagePicker.js 运行效果 XCode 创建ImagePicker类文件 运行效果: React N

主要内容:

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读