logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

鸿蒙跨平台实战:React Native 在 OpenHarmony 上的 PixelFormat 图片格式处理

为了更精细地控制,我们可以编写一个自定义的 Native Module,暴露给 JS 调用。// 供 JS 调用的方法format?alphaType?pixelMapId?: string;// 原生侧管理的 IDerrorMsg?: string;// 调用原生模块在 React Native 与 OpenHarmony 的融合过程中,虽是一个底层细节,却是决定用户体验的“最后一公里”。通过理

文章图片
#harmonyos#react native#华为
鸿蒙跨平台项目实战篇52:React Native Bundle包体积优化详解

包体积优化是一场持久战,需要开发者在代码规范、资源管理和架构设计上进行精细化运营。在鸿蒙生态中,合理的分包策略和资源分离不仅能减小体积,更能充分发挥鸿蒙“一次开发,多端部署”的弹性优势。

文章图片
#harmonyos#react native#华为
【openHarmony】DAY13:openHarmony与Flutter电商实战:注册页面开发指南

本文介绍了使用Flutter开发电商应用注册页面的完整流程,包括需求分析、密码验证规则设计、API接口封装和UI实现。重点讲解了密码输入框的功能实现,通过obscureText属性和状态变量控制密码显示/隐藏,并添加眼睛图标切换显示状态。文章还提供了验证码倒计时、协议勾选等核心功能的实现方法,以及整体页面布局结构,帮助开发者快速构建高效安全的用户注册模块。

文章图片
#harmonyos#flutter#华为
【openHarmony】day37:React Native实战项目+关键词高亮搜索Hook

进入2026年,移动端开发格局已发生根本性变化。随着彻底剥离AOSP,开发者面临着Android、iOS、HarmonyOS三足鼎立的局面。如何用一套代码高效覆盖三大平台?本文将带你从零开始,在HarmonyOS上搭建React Native开发环境,并实现一个实用的关键词高亮搜索Hook,让你的应用具备专业的搜索体验。// 使用自定义渲染🔍 {text}</Text>)}/>✅环境搭建:10分

文章图片
#harmonyos#react native#华为
【openHarmony】day28:React Native 实战:精准控制 Popover 弹出位置

本文介绍了在HarmonyOS上实现React Native Popover组件精准定位的解决方案。由于鸿蒙系统的特殊性(如坐标测量不稳定、安全区域处理差异等),传统Popover实现容易出现定位偏移问题。作者提出了一套包含六个步骤的定位逻辑:获取锚点坐标、测量弹窗尺寸、初步计算位置、边界检测、自动调整和应用最终样式。文章详细展示了组件接口设计、关键Hook实现以及包含自动避障逻辑的主组件代码,特

文章图片
#harmonyos#react native#华为
【openHarmony】DAY25:React Native for OpenHarmony 日期选择功能完整实现指南

本文介绍了在React Native for OpenHarmony框架下实现日期选择功能的完整方案。文章首先明确了环境要求(Node.js 16+、OpenHarmony SDK API 9+等),然后对比了三种实现方案(原生选择器、自定义UI、第三方库)的优缺点。重点展示了原生日期选择器的实现过程,包括创建桥接模块、注册TurboModule以及JavaScript侧封装,最后提供了一个可复用

文章图片
#harmonyos#react native#华为
【openHarmony】DAY22:React Native for OpenHarmony - 日历日程标记与事件管理

本文介绍了如何使用React Native for OpenHarmony开发日历应用的日程标记与事件管理功能。文章详细阐述了事件数据模型的设计,包括事件基本属性、提醒设置、重复规则等核心数据结构。通过实现EventManager服务类,提供了事件的增删改查、日期分组、搜索等完整功能。该方案支持事件分类管理、多日事件处理、附件关联等企业级需求,为构建功能完备的日程管理应用奠定了基础。

文章图片
#harmonyos#react native#华为
【openHarmony】DAY21:React Native for OpenHarmony 日历组件开发实战

本文介绍了在React Native for OpenHarmony(RNOH)中实现日历组件的完整指南。首先讲解了环境准备和项目创建步骤,包括安装RNOH相关依赖。然后详细展示了基础日历组件的实现代码,涵盖月份切换、日期显示、星期标题等功能。组件支持日期选择、特殊日期标记等交互特性,并提供了完整的样式定义。该实现采用React Native开发范式,可用于构建跨平台的OpenHarmony应用,

文章图片
#react native#harmonyos#react.js
【openHarmony】day40:React Native实战项目+自定义Hooks开发指南

进入2026年,随着彻底剥离AOSP,移动端开发已形成Android、iOS、HarmonyOS 三足鼎立的格局。React Native for OpenHarmony(RNOH)已成为跨平台开发的重要选择,基于RN 0.77.1新架构(TurboModules & Fabric)的生产环境版本已正式发布。然而,在鸿蒙平台上构建高质量应用时,代码复用与逻辑抽象依然是核心挑战。自定义Hooks作为

文章图片
#harmonyos#react native#华为
【openHarmony 】平台day26: React Native 实践:Overlay 遮罩层组件开发指南

本文介绍了如何在HarmonyOS平台上使用React Native开发Overlay遮罩层组件。首先阐述了Overlay在移动应用中的常见用途和必备特性,包括半透明遮罩、点击关闭、动画过渡等。随后详细讲解了项目环境配置,并提供了完整的组件实现代码,包含模态框、动画效果、安全区域适配等核心功能。文章还给出了具体使用示例,并针对HarmonyOS平台提出了手势处理、深色模式、多设备适配等优化建议。最

文章图片
#harmonyos#react native#华为
    共 66 条
  • 1
  • 2
  • 3
  • 7
  • 请选择