Tickyxiang-优快云博客

原创 React Native & openHarmony 跨平台鸿蒙开发（二）：Node.js 环境安装

本文详细介绍了搭建React Native开发环境的步骤。首先需要安装Node.js（推荐18.x LTS版本），并提供了Windows和macOS的安装方法。为提高下载速度，建议配置国内npm镜像源（如淘宝镜像）。文章还推荐可选安装Yarn包管理器，并针对常见问题（如命令找不到、权限问题、版本冲突）给出解决方案。最后强调安装完成后需验证Node.js、npm版本及镜像源配置。环境搭建完成后，下一步将安装React Native CLI和华为DevEco Studio开发工具。

2025-12-18 21:00:13 1017

原创 React Native & openHarmony跨平台鸿蒙开发（一）：React Native 是什么？

摘要： React Native（RN）是Meta推出的跨平台框架，允许开发者用JavaScript编写代码并生成接近原生性能的iOS、Android及鸿蒙应用。其核心优势在于代码复用率高（80%可共享）、开发效率高（支持热重载）以及丰富的生态系统。虽然存在平台差异、调试复杂等挑战，但RN特别适合快速迭代、多平台适配及前端团队主导的项目。对于鸿蒙平台，RN正在逐步适配，大部分功能已可用。RN不适合性能要求极高或重度依赖平台特性的场景，开发者需根据项目需求权衡选择。

2025-12-18 20:38:55 816

原创鸿蒙中hex色值转换为rgb类型

/ 输出: RGB: (79, 15, 72)// 假设输入色值：6位字符串（如"4F0F48"）// 1. 验证格式（此处省略正则验证，实际需添加）// 2. 提取通道并转换。

2025-11-28 15:39:51 297

原创鸿蒙使用lottile加载json动画

onReady(() => { //画布渲染成功加载json动画，使用完需要及时销毁不然浪费性能。.backgroundColor(Color.Gray) // 设置画布背景色为灰色。//uri：’http：/‘ //网络路径较大文件建议先下载至沙箱再读去。.height(100) // 设置画布高度为300像素。.width(300) // 设置画布宽度为300像素。// 设置动画内容的缩放模式为“包含”// 设置动画渲染容器为画布上下文。// 设置动画的帧率为60帧每秒。// 动画实例的名称。

2025-08-13 14:42:16 369

原创鸿蒙中通过Lottie加载json动画

animationData: JSON.parse(content) //可根据需求切换为网络地址。renderer: 'canvas', // canvas 渲染模式。autoplay: true, //是否自动播放。loop: true, //是否循环播放。://xxx //网络地址用法。// 组件移除时，可销毁动画资源。

2025-05-28 09:16:13 522

原创鸿蒙富文本 RichEditor使用getspan获取富文本内容转换html的方法

LogUtil.info(`富文本转换HTML` + html)目前在官方文档还没有对应api，下面是自己做的一个示例。// 将富文本的 spans 转换为 HTML。根据业务需求自行更改拼接字段。

2025-05-27 16:39:37 633

原创 harmonyOS 遇到富文本需要添加图片等功能

this.controller.addImageSpan(item.ossPath//图片路径, {size: ["335px", "335px"]//图片尺寸。就可以正常使用官方提供的多种方法了例如富文本添加图片。很多官方文档都会遇到类似的问题，多查阅资料。注意这种写法会出现并没有如添加文本。

2025-05-23 16:48:13 389

Tickyxiang的博客