- 博客(10)
- 收藏
- 关注
原创 ReactNative for OpenHarmony 动效集成开发学习笔记复盘
本次学习以 React Native for OpenHarmony 的医疗应用动效集成为案例,系统掌握了跨平台动效开发的核心方法、优化思路和问题解决策略,核心收获是将 React Native Animated API 与跨平台适配结合,形成了「实现 - 优化 - 适配 - 验证」的完整动效开发思维。
2026-02-18 11:34:22
640
原创 ReactNative for OpenHarmony:应用动效能力集成开发笔记
动画实现最佳实践:1. 性能优先 :使用 useNativeDriver: true,优化动画参数2. 用户体验 :调整动画持续时间和参数,确保流畅自然3. 代码质量 :使用 TypeScript 类型安全,优化代码结构4. 平台适配 :针对不同平台调整动画参数,确保兼容性。
2026-02-10 19:56:07
709
原创 React Native for OpenHarmony 医疗应用底部选项卡开发复盘笔记
底部选项卡设计原则数量控制在 3-5 个,保证用户快速识别功能;保持图标、文字、颜色等视觉元素一致;强化选中与未选中状态的视觉区分。性能优化权衡点状态持久化会增加初始加载时间和内存占用,复杂页面需结合懒加载平衡性能。组件拆分能降低渲染复杂度,是提升 React Native 渲染性能的关键手段。跨平台开发核心要点保持平台适配意识,充分考虑不同平台的特性与限制。采用模块化设计,分离核心业务逻辑与平台相关代码,提升代码可维护性。
2026-02-04 11:56:07
518
原创 React Native for harmony:医疗项目的底部选项卡功能实现学习笔记
1. 简洁明了 :选项卡数量不宜过多,一般控制在 3-5 个之间,确保用户能够快速找到所需功能2. 视觉一致性 :选项卡的视觉设计应保持一致,包括图标、文字、颜色等3. 状态清晰 :选中状态和未选中状态应有明显的视觉区分,便于用户识别当前位置。
2026-02-01 12:18:15
698
原创 React Native For OpenHarmony:底部选项卡的部分实现学习笔记
平台适配意识 :在跨平台开发中,应始终保持平台适配意识,考虑不同平台的特性和限制。模块化设计 :采用模块化设计,将平台特定代码与核心业务逻辑分离,提高代码的可维护性和可移植性。性能优化 :性能优化应贯穿整个开发过程,从架构设计到具体实现,都应考虑性能因素。错误处理 :建立完善的错误处理机制,及时捕获和处理平台特定的错误,提高应用的稳定性。持续学习 :不同平台的 SDK 和生态系统不断演进,应保持持续学习的态度,及时更新知识和技能。未来拓展:选项卡将。
2026-01-30 19:25:49
758
原创 React Native for OpenHarmony :开发学习笔记复盘
核心要点版本兼容是基础:RN、RNOH 依赖、鸿蒙 SDK 版本需严格对应鸿蒙平台适配关键:权限配置、入口 Ability 替换、bundle 文件生成与集成跨平台开发技巧:优先使用 RN 内置组件,自定义实现规避第三方库兼容性问题欢迎加入开源鸿蒙跨平台社区。
2026-01-29 12:44:07
585
原创 React Native for OpenHarmony:上拉加载、下拉刷新及数据加载的实现学习笔记
我选择了 自定义实现 方案,基于React Native内置的 RefreshControl 组件和 FlatList 的 onEndReached 属性。这样做的主要原因是:1. 跨平台兼容性 :避免了第三方库在鸿蒙平台可能出现的兼容性问题2. 性能优化 :可以针对具体场景进行性能调优3. 学习价值 :通过自定义实现,更深入理解列表交互的底层原理通过自定义实现下拉刷新和上拉加载更多功能,我不仅完成了功能需求,还深入理解了列表交互的底层原理和跨平台开发的挑战。
2026-01-26 15:17:13
617
原创 React Native for OpenHarmony 网络请求与数据列表实现学习笔记
网络请求集成 :使用 Axios 进行网络请求,处理异步操作状态管理 :使用 React Hooks 管理组件状态列表实现 :使用 FlatList 实现高效的滚动列表错误处理 :实现完整的错误处理机制跨平台开发 :同时支持 React Native 和开源鸿蒙平台权限配置 :在开源鸿蒙平台上配置网络权限欢迎加入开源鸿蒙跨平台社区。
2026-01-24 15:16:08
650
原创 React Native for OpenHarmony :RN本地项目与AtomGit 远程同步学习笔记(Day2)
完成基础配置:在 GitCode 端创建了公开的项目,并在本地完成 Git 身份全局配置,为代码托管建立了基础环境。解决核心问题:通过调整分支推送命令、合并远程初始化文件,解决了 “分支名称不匹配” 和 “历史提交冲突” 两大关键问题,确保本地与远程代码历史完整对齐。实现完整同步:最终成功将包含 101 个文件的本地项目代码推送到远程,GitCode 仓库已显示完整的项目目录与初始化文件,提交记录清晰可追溯。后续可遵循标准 Git 工作流进行持续开发,并通过配置 SSH 密钥、完善README.md。
2026-01-23 22:57:17
372
原创 OpenHarmony版React Native开发环境搭建学习笔记
1. 核心是版本兼容,按要求安装对应版本的工具和依赖。2. 关键步骤:生成RN的bundle文件,集成到鸿蒙工程,修改入口文件。3. 遇到问题优先清缓存、同步依赖,所有配置修改后务必保存。
2026-01-23 08:00:00
1692
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅