React Native for OpenHarmony

2024-11-11 18:28:46
15次阅读
1个评论

React Native for OpenHarmony

React Native介绍

React Native 是一个基于 JavaScript 和 React 框架的开源框架,用于构建原生移动应用程序。它允许开发者使用 React 的组件模型和声明式编程风格来构建跨平台的移动应用。

主要特点和详细介绍:

  • 跨平台性:开发者只需要编写一次代码,就可以在 iOS、Android、React Native DOM 等不同平台上运行应用程序,从而提高了开发效率和代码复用率。
  • 基于 React:React Native 基于 React 框架,采用了 React 的组件模型和虚拟 DOM 技术。
  • 原生性能:React Native 应用程序的业务逻辑是使用 JavaScript 编写的,但它可以调用原生平台提供的 API 和使用原生 UI 组件。这使得 React Native 应用程序可以实现接近原生应用的性能和用户体验,包括流畅的滚动、快速的响应时间。
  • 热更新:React Native 支持热更新,整个应用程序可以不经过重新编译直接将更新后的 JavaScript 代码推送到设备上。
  • 灵活性和可扩展性:具有很高的灵活性和可扩展性,开发者可以根据自己的需求选择合适的第三方库和工具,来扩展和增强应用程序的功能。

RNOH架构

ArkTS架构图

如图,React Native for OpenHarmony 在 React Native 的新架构(0.68 以及之后的版本)的基础上,进行了鸿蒙化的适配。按照功能可以进行如下的划分:

  • RN 应用代码:开发者实现的业务代码。
  • RN 库代码:在 React Native 供开发者使用的组件和 API 的封装与声明。
  • JSI(JavaScript Interface):JavaScript 与 CPP 之间进行通信的 API。
  • React Common:所有平台通用的 CPP 代码,用于对 RN 侧传过来的数据进行预处理。
  • OpenHarmony 适配代码:接收并处理 React Common 传过来的数据,对接原生的代码,调用 ArkUI 的原生组件与 API。主要包括了两个部分:分别是 TurboModule 与 Fabric。
  • OS 代码:对接系统底层功能,根据适配层代码传过来的数据进行渲染,或完成对应的功能。

React Native 鸿蒙化版本信息

当前React Native鸿蒙版本基于社区RN 0.72.5进行适配,发布版本信息如下:

名称 版本号
react-native-harmony 0.72.38
react-native-harmony-cli 0.0.27
rnoh 5.0.0.715
rnoh_release 5.0.0.715

配套IDE、SDK版本和手机ROM:

名称 版本号
DevEco Studio DevEco Studio 5.0.3.906
HarmonyOS SDK HarmonyOS SDK 5.0.0.71(SP1)
手机ROM ALN-AL00 205.0.0.102(SP2C00E73R4P17) ALN-AL80 205.0.0.102(SP2C00E73R4P17) BRA-AL00 205.0.0.102(SP2C00E73R4P17

参考

收藏00

登录 后评论。没有帐号? 注册 一个。