【HarmonyOS】HarmonyOS和React Native混合开发（一）之环境安装

一、React Native是什么？

React Native 是一个基于 JavaScript 和 React 框架的开源框架，可以用到开发移动应用跨端解决方案。实现一套代码，在Android和IOS上都可运行。

React Native 也是声明式的组件开发，与ArkTS类似。并且React Native 跨端方案与Flutter也类似。都是通过渲染引擎将UI配置信息，绘制成目标平台的原生UI。

与flutter不同的是，RN偏向于前端开发语言去实现跨平台应用的效果。而前者的开发思路偏重。

详情可参见：Recat Native 如何使用（一）

与 React 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举例，计算机属性-高级系统设置-环境变量：

dart 复制代码

#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 项目开发

【HarmonyOS】HarmonyOS和React Native混合开发 （一）之环境安装