react native

lbb 小魔仙2 天前
react native·react.js·harmonyos
鸿蒙跨平台项目实战篇03:React Native Bundle增量更新详解本文深入探讨React Native在OpenHarmony 6.0.0平台上实现Bundle增量更新的完整解决方案。文章从基础原理出发,分析React Native Bundle文件结构特点,详细讲解在OpenHarmony 6.0.0 (API 20)环境下实现增量更新的技术方案。重点介绍基于@react-native-oh/react-native-harmony 0.72.108版本的API适配策略,并通过实战案例展示如何实现安全可靠的Bundle热更新机制。所有技术方案已在AtomGitDemo
2301_796512522 天前
javascript·react native·react.js·ecmascript·harmonyos
【精通篇】打造React Native鸿蒙跨平台开发高级复合组件库开发系列:点击组件(跳转快应用)在移动应用生态中,快应用(Quick App)作为轻量级的免安装应用形态,已成为提升用户体验、降低获客成本的重要载体。本文以一个功能完整的 React Native 快应用跳转组件为例,从组件架构设计、交互体验优化、TypeScript 类型约束、跨端适配核心技术等维度展开深度解读,并系统探讨该组件向鸿蒙(HarmonyOS)跨端适配的完整技术路径,为跨端快应用跳转组件开发提供可落地的实践参考。
2301_796512522 天前
javascript·react native·react.js·ecmascript·harmonyos
【精通篇】打造React Native鸿蒙跨平台开发高级复合组件库开发系列:Sidebar 侧边导航(绑定当前选中项的索引)开源鸿蒙跨平台开发者社区诚邀开发者共建生态,提供React Native侧边栏组件代码示例。该组件包含可折叠侧边栏功能,支持自定义图标(以Base64格式SVG实现)、徽章提示和回调事件。示例代码展示了如何实现包含首页、用户、设置等菜单项的侧边栏,使用TypeScript接口定义数据结构,支持头部和底部自定义内容。通过Animated实现平滑动画效果,适合跨平台应用开发。欢迎访问社区官网参与鸿蒙生态建设。
lbb 小魔仙2 天前
react native·react.js·harmonyos
鸿蒙跨平台项目实战篇01:React Native Bundle版本管理详解本文深入探讨React Native应用在OpenHarmony 6.0.0平台上的Bundle版本管理策略。文章从Bundle版本管理的核心概念入手,详细分析React Native 0.72.5与OpenHarmony 6.0.0 (API 20)平台在资源管理方面的适配要点,介绍基础版本控制方法,并通过完整案例展示如何在AtomGitDemos项目中实现多版本Bundle管理。重点讲解OpenHarmony 6.0.0特有的资源加载机制和版本回滚策略,所有内容基于React Native 0.72.
2301_796512522 天前
javascript·react native·react.js·ecmascript·harmonyos
【精通篇】打造React Native鸿蒙跨平台开发高级复合组件库开发系列:Pagination 分页(绑定当前页码)在跨端应用开发领域,React Native 凭借其「一次编写,多端运行」的特性成为移动开发的主流选择,而鸿蒙(HarmonyOS)作为国产分布式操作系统,也逐渐成为跨端开发的重要目标平台。本文将以一个功能完整的 React Native 分页组件为例,深入解读其设计思路、核心实现逻辑,并探讨该组件向鸿蒙跨端适配的关键技术要点。
星空22232 天前
react native·华为·harmonyos
鸿蒙跨平台实战:React Native 在 OpenHarmony 上的 PixelFormat 图片格式处理在传统的 React Native(iOS/Android)开发中,图片加载与渲染往往被封装在黑盒中,开发者只需关心 source 属性。然而,在 OpenHarmony 平台上,由于其独特的图形子系统(Graphic2D)和内存管理机制,图片数据从 JavaScript 层传递到原生 ArkTS/C++ 层时,必须经过严格的格式转换。
getyefang2 天前
javascript·react native·react.js
react-native使用字体库如何在安卓显示1、下载字体包参考字体下载网站:https://www.onlinewebfonts.com/(感谢这些贡献在线字体下载的网站)
星空22233 天前
react native·华为·harmonyos
鸿蒙跨平台实战day47:React Native在OpenHarmony上的Font自定义字体注册详解发布时间:2026年2月24日 技术栈:React Native + OpenHarmony 6.0.0 (API 20) 难度:⭐⭐⭐☆☆ 核心痛点:字体不显示、图标字体失效、多端样式不一致 欢迎加入开源鸿蒙跨平台社区: https://openharmonycrossplatform.csdn.net
Cxiaomu3 天前
android·java·react native
React Native项目(Android )集成虹软 ArcFace(人脸识别增值版 5.0 Java)如果你也在做 RN + Android 的本地人脸识别,通常会踩这几个坑:这篇文章给出的方案,核心是三件事:
星空22233 天前
react native·华为·harmonyos
鸿蒙跨平台实战day49:React Native在OpenHarmony上的Font字体降级策略详解发布时间:2026年2月24日 技术栈:React Native (0.72.5/0.77.1) + OpenHarmony 6.0.0 (API 20) 难度:⭐⭐⭐⭐☆ 核心痛点:生僻字显示方框、多语言乱码、自定义字体缺失、图标字体失效
星空22233 天前
react native·华为·harmonyos
鸿蒙跨平台实战day48:React Native在OpenHarmony上的Font字体加载管理详解发布时间:2026年2月24日 技术栈:React Native (0.72.5/0.77.1) + OpenHarmony 6.0.0 (API 20) 难度:⭐⭐⭐☆☆ 核心痛点:字体加载失败、图标字体乱码、多端样式不一致、内存泄漏 欢迎加入开源鸿蒙跨平台社区: https://openharmonycrossplatform.csdn.net
星空22233 天前
react native·react.js·harmonyos
鸿蒙跨平台实战day46:React Native在OpenHarmony上的AccessibilityInfo无障碍检测发布时间:2026年2月24日 技术栈:React Native + OpenHarmony 6.0.0 难度:⭐⭐⭐☆☆ RN版本:0.72.5 / 0.77.1 欢迎加入开源鸿蒙跨平台社区: https://openharmonycrossplatform.csdn.net
编程之路从0到13 天前
react native·ios·源码阅读
ReactNative新架构之iOS端TurboModule源码剖析注意,本文是基于React Native 0.83版本源码进行分析。前面已经通过《ReactNative新架构之Android端TurboModule机制完全解析》了解了很多TurboModule的关键信息,接下来iOS端的分析将会略过一些已知内容,聚焦重点。
lbb 小魔仙3 天前
react native·华为·harmonyos
鸿蒙跨平台实战:React Native在OpenHarmony上的AccessibilityInfo无障碍检测欢迎加入开源鸿蒙跨平台社区: https://openharmonycrossplatform.csdn.net
lbb 小魔仙4 天前
react native·华为·harmonyos
鸿蒙跨平台实战:React Native在OpenHarmony上的Font字体降级策略详解欢迎加入开源鸿蒙跨平台社区: https://openharmonycrossplatform.csdn.net
wayne2144 天前
react native
重磅!React Native 0.84 发布:默认开启 Hermes V1 与 iOS 预编译,构建速度起飞!React Native 团队刚刚发布了 0.84 版本,这是新年后的首个重大更新,带来了多项激动人心的改进。本文将为你详细解读这次更新的核心亮点,以及升级时需要注意的事项。
lbb 小魔仙4 天前
react native·华为·harmonyos
鸿蒙跨平台实战:React Native在OpenHarmony上的Font字体加载管理详解欢迎加入开源鸿蒙跨平台社区: https://openharmonycrossplatform.csdn.net
lbb 小魔仙4 天前
react native·华为·harmonyos
鸿蒙跨平台实战:React Native在OpenHarmony上的Font自定义字体注册详解欢迎加入开源鸿蒙跨平台社区: https://openharmonycrossplatform.csdn.net
lbb 小魔仙4 天前
react native·华为·harmonyos
鸿蒙跨平台实战:React Native在OpenHarmony上的PixelFormat图片格式处理摘要:本文深入探讨React Native在OpenHarmony 6.0.0平台上的PixelFormat图片格式处理技术。通过分析React Native与OpenHarmony的图片处理机制差异,详细解析PixelFormat核心概念,提供适配OpenHarmony 6.0.0的图片格式处理方案。文章包含架构图解、性能对比表格和完整实战代码,帮助开发者解决跨平台图片渲染中的格式兼容问题,提升应用性能与用户体验。掌握本文内容,可有效避免图片显示异常、内存溢出等常见问题,为鸿蒙跨平台应用开发提供有力技术