【HarmonyOS NEXT】HarmonyOS和React Native混合开发 (一)之环境安装
2025-06-30 23:10:53
107次阅读
0个评论
【HarmonyOS NEXT】HarmonyOS和React Native混合开发 (一)之环境安装
##鸿蒙开发能力 ##HarmonyOS SDK应用服务##鸿蒙金融类应用 (金融理财#
一、React Native是什么?
React Native 是一个基于 JavaScript 和 React 框架的开源框架,可以用到开发移动应用跨端解决方案。实现一套代码,在Android和IOS上都可运行。
React Native 也是声明式的组件开发,与ArkTS类似。并且React Native 跨端方案与Flutter也类似。都是通过渲染引擎将UI配置信息,绘制成目标平台的原生UI。
与flutter不同的是,RN偏向于前端开发语言去实现跨平台应用的效果。而前者的开发思路偏重。
详情可参见:Recat Native 如何使用 (一)
二、React Native for OpenHarmony 鸿蒙化RN有什么特别之处?
相较于React Native在Android和IOS上,将js和react组件代码转化成对应的原生UI控件,实现原生UI的思路。在鸿蒙上的转化路径更短。
直接将js和react组件代码转化成了ArkUI的后台Cpp信息,并非转化为ArkUI控件,这样的思路提升了很高的渲染效率。
三、环境安装
HarmonyOS和React Native混合开发首先需要安装各自的开发环境。(与Flutter环境安装对比起来,RN开发环境安装极其简单)
1.HarmonyOS开发环境安装和配置 详情可以参照之前的博客安装步骤: 鸿蒙应用开发环境安装和配置
2.配置开发环境变量 以window举例,计算机属性-高级系统设置-环境变量:
#hdc环境配置
export PATH=$TOOL_HOME/sdk/default/openharmony/toolchains:$PATH # hdc指令
#hdc端口,变量值可设置为任意未被占用的端口,如 7035
export HDC_SERVER_PORT=7035
#配置 CAPI 版本环境变量,变量值为 1
export RNOH_C_API_ARCH=1
完成以上环境配置即可进行鸿蒙的 React Native 项目开发
00
- 1回答
- 0粉丝
- 0关注
相关话题
- 【HarmonyOS NEXT】HarmonyOS 和 Flutter混合开发 (一)之鸿蒙Flutter环境安装
- React Native for OpenHarmony
- 最新React Native 鸿蒙化进展刷新,附学习资料
- 鸿蒙Flutter实战:07-混合开发
- 【HarmonyOS Next】鸿蒙TaskPool和Worker详解 (一)
- 【HarmonyOS】HMRouter使用详解(一)环境配置
- 鸿蒙多环境配置一
- 「Mac畅玩鸿蒙与硬件2」鸿蒙开发环境配置篇2 - 在Mac上安装DevEco Studio
- 「Mac畅玩鸿蒙与硬件3」鸿蒙开发环境配置篇3 - DevEco Studio插件安装与配置
- 自定义组件之<一>组件语法和生命周期
- 【HarmonyOS NEXT】鸿蒙使用ScanKit实现自定义扫码 (一)之业务流程和扫码
- HarmonyOS 5 开发环境介绍
- OpenHarmony-测试同学安装测试包之全新姿势
- 【HarmonyOS Next】鸿蒙应用弹框和提示气泡详解(一)
- 10 【HarmonyOS NEXT】 仿uv-ui组件开发之Avatar头像组件开发教程(一)