logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

React Native 鸿蒙跨平台开发:纯原生IndexBar索引栏 零依赖 快速定位列表

可通过修改,实现“圆形索引项、渐变背景、图标索引”等自定义样式,适配不同应用的视觉风格。欢迎加入开源鸿蒙跨平台社区:https://openharmonycrossplatform.csdn.net。

文章图片
#react native#harmonyos#react.js
React Native for Harmony 任务表「删除 / 完成任务 - 划线置灰效果」

核心 API / 组件 / Hook核心作用鸿蒙端特性【核心】实现文字划线效果,任务删除 / 完成的核心样式鸿蒙端完美支持所有取值,无样式兼容差异,划线粗细 / 颜色可自定义useState管理任务列表数据、任务完成 / 删除状态,驱动视图更新响应式更新无延迟,鸿蒙低端机型也能流畅刷新列表FlatList高性能渲染任务列表,支持长列表懒加载鸿蒙手机端优化滚动阻尼,滑动无卡顿,远优于map循环渲染任

文章图片
#harmonyos#华为#react native
React Native for OpenHarmony 实战:滑动验证码 (Slider Captcha) 验证功能 详解

验证失败后除了自动复位,还应提供手动重置按钮,方便用户快速重新验证,提升体验,同时复位按钮需设置禁用状态,初始不可点击。中监听滑动速度与轨迹,机器脚本的滑动轨迹是匀速的,真人的轨迹是变速的,通过判断轨迹是否为匀速,可进一步提升验证安全性。这是平衡「安全」与「体验」的黄金区间,推荐生产环境使用 90%,过低易被机器破解,过高会降低用户体验。将手势滑动的偏移量与滑块的 X 轴坐标绑定,实现「手指滑多少

文章图片
#react native#harmonyos#react.js
React Native for OpenHarmony 实战:图片懒加载(LazyLoading) 详解

图片懒加载(LazyLoading)是RN高性能渲染体系中的核心优化方案,核心定义:遵循「按需加载、适时释放」原则,图片资源默认不加载,仅当图片组件滚动至屏幕可视区域内时,才触发网络请求/本地缓存读取完成加载;当组件完全滑出可视区后,自动清空图片缓存、释放内存资源,从根源解决多图列表的性能问题。其实现原理分为两大核心链路:一是基于FlatList的原生可视区监听API精准捕获组件的显示状态,二是对

文章图片
#react native#javascript#harmonyos
React Native for Harmony 直角坐标系:精准定位与手势识别

核心 API/Hook作用说明核心特性measure()测量组件在屏幕上的绝对位置和尺寸返回,鸿蒙端精度100%GestureResponder 系统原生手势识别系统,提供完整的触摸坐标可获取pageX/Y,鸿蒙端无延迟高级手势响应系统,处理复杂手势提供moveX/Y,鸿蒙端性能优化布局动画,基于坐标的平滑过渡支持positionscaleopacity,鸿蒙端60fps流畅。

文章图片
#harmonyos#react native#华为
React Native for Harmony 个人消息列表最新消息置顶实现(多维度权重统计)

/ 智能生成消息预览if (session.messageType === 'image') return '[图片]';if (session.messageType === 'voice') return '[语音]';if (session.messageType === 'video') return '[视频]';// 文字消息智能截断。

文章图片
#react native#react.js#javascript
React Native for Harmony:登录页“记住密码+深色模式适配”完整实现

欢迎加入开源鸿蒙跨平台社区:https://openharmonycrossplatform.csdn.net。在登录页添加文本按钮,点击跳转至密码找回页面(用。若需“重启后仍保留密码”,可安装RN官方推荐的。实现,适配RN页面跳转逻辑)。

文章图片
#react native#react.js#javascript
0 基础入门 React Native 鸿蒙跨平台开发:Skeleton 骨架屏

适配不同应用的主题色,可通过修改styles// 修改骨架底色为浅灰色系// 修改闪光色为浅蓝系,贴合鸿蒙系统色欢迎加入开源鸿蒙跨平台社区:https://openharmonycrossplatform.csdn.net。

文章图片
#react native#harmonyos#react.js
React Native 鸿蒙跨平台开发:动态表单全场景实现

在中新增类型(如 “上传组件”“滑块组件”),复用现有状态管理 / 验证逻辑,仅需添加对应渲染逻辑,扩展性极强。本动态表单组件样式专业、功能完整、鸿蒙适配完美,可直接用于注册、设置、信息填写等业务场景,视觉体验对标鸿蒙原生应用,彻底解决之前样式不专业的问题。

文章图片
#harmonyos#react native
    共 188 条
  • 1
  • 2
  • 3
  • 19
  • 请选择