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

相关文章

导入moment 使用方式 年月日,时分秒 星期几 相对时间 7天后 2小时后 明天 将毫秒转换成年月日
@ 一、前言 为什么介绍redux-actions呢? 第一次见到主要是接手公司原有的项目,发现有之前的大佬在处理...
十大React Hook库 原文地址:https://dev.to/bornfightcompany/top-10-react-hook-libraries-4065 原文...
React生命周期 React的生命周期从广义上分为挂载、渲染、卸载三个阶段,在React的整个生命周期中提供很...
React虚拟DOM的理解 Virtual DOM是一棵以JavaScript对象作为基础的树,每一个节点可以将其称为VNode,用...
React中JSX的理解 JSX是快速生成react元素的一种语法,实际是React.createElement(component, props, ....