当前位置: 首页 > article >正文

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

【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举例,计算机属性-高级系统设置-环境变量:
在这里插入图片描述

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


http://www.kler.cn/a/450975.html

相关文章:

  • 以太网通信--读取物理层PHY芯片的状态
  • [WASAPI]从Qt MultipleMedia来看WASAPI
  • 广州大学计算机组成原理课程设计
  • MimicBrush:智能图像编辑新宠,能否革新你的创意设计?
  • 漏洞检测工具:HOST头部攻击
  • Android 常用布局
  • 电脑使用CDR时弹出错误“计算机丢失mfc140u.dll”是什么原因?“计算机丢失mfc140u.dll”要怎么解决?
  • 安卓蓝牙扫描流程
  • 苍穹外卖项目Day02代码结构深度解析
  • 【数据库原理】数据增删改查,DML、单表查询、多表连接查询
  • Windbg常用命令
  • 如何在 Ubuntu 上安装 Minecraft 服务器 [Java 和 Bedrock]
  • 前端在WebSocket中加入Token
  • React基础知识(总结回顾一)
  • WebSSH:基于Go实现的高效Web SSH客户端指南
  • ReentrantLock底层原理、源码解析
  • 共享无人系统,从出行到生活全面覆盖
  • python环境中阻止相关库的自动更新
  • 迁移学习 详解及应用示例
  • 36 Opencv SURF 关键点检测
  • Nexa AI发布OmniAudio-2.6B:一款快速的音频语言模型,专为边缘部署设计
  • 【记录——解除网课自动暂停】的“魔法“
  • IntelliJ IDEA中设置激活的profile
  • Centos下的OpenSSH服务器和客户端
  • 【算法篇】——数据结构中常见八大排序算法的过程原理详解
  • 深入解析 Apache APISIX