logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

【精通篇】打造React Native鸿蒙跨平台开发高级复合组件库开发系列:List 列表(瀑布流滚动加载)

本文介绍了React Native(RN)在鸿蒙系统上的跨端开发实现,重点解析了瀑布流列表的核心功能。通过@react-native-ohos/adapter适配器,RN代码可直接映射为鸿蒙原生组件,实现"一次开发,多端复用"。文章详细讲解了懒加载图片、瀑布流布局和下拉刷新等功能的实现逻辑,并强调了Base64图标在跨端资源加载中的优势。该方案适合有RN基础、希望快速适配鸿蒙的

文章图片
#学习#react native#harmonyos +3
【精通篇】打造React Native鸿蒙跨平台开发高级复合组件库开发系列:List 列表(瀑布流滚动加载)

本文介绍了React Native(RN)在鸿蒙系统上的跨端开发实现,重点解析了瀑布流列表的核心功能。通过@react-native-ohos/adapter适配器,RN代码可直接映射为鸿蒙原生组件,实现"一次开发,多端复用"。文章详细讲解了懒加载图片、瀑布流布局和下拉刷新等功能的实现逻辑,并强调了Base64图标在跨端资源加载中的优势。该方案适合有RN基础、希望快速适配鸿蒙的

文章图片
#学习#react native#harmonyos +3
【精通篇】打造React Native鸿蒙跨平台开发高级复合组件库开发系列:Lazyload 懒加载(懒加载的图片)

本文探讨了React Native鸿蒙跨端开发中的图片加载优化问题,针对长列表、瀑布流等场景下图片加载导致的性能瓶颈,提出基于懒加载技术的解决方案。文章通过拆解RN懒加载图片组件代码,分析其核心实现逻辑与鸿蒙跨端适配要点。关键点包括:1) 依赖导入时选择跨端兼容的基础组件;2) 使用Base64编码图标避免资源路径问题;3) 组件接口定义与懒加载实现;4) 性能优化措施如视口内加载和优先级控制。该

文章图片
#react native#harmonyos#react.js +3
使用通过可复用的 EmptyState 与 SocialCard 组件,将常见的搜索为空、好友为空、消息为空、群组为空等场景模块化呈现,React Native鸿蒙跨平台开发来实战

React Native社交应用空状态组件化实践 本文介绍了一个基于React Native的社交应用空状态组件化实现方案。通过可配置的EmptyState组件,统一处理搜索无结果、好友列表为空等多种数据缺失场景。组件采用模块化设计,支持自定义图标、标题、描述和操作按钮,确保UI一致性。应用架构包含SafeAreaView容器、ScrollView内容区和底部导航栏,实现了完整的页面布局。在跨端适

文章图片
#react native#react.js#harmonyos
如何在React Native鸿蒙跨平台开发中使用代码分割技术(如React Native的Code Splitting)来优化应用的加载时间和性能

React Native开发鸿蒙OS组件指南 本文介绍了在React Native中开发鸿蒙OS组件的关键步骤: 环境准备:需安装Node.js、React Native CLI、华为HarmonyOS SDK和DevEco Studio等工具 项目创建与配置: 使用React Native CLI初始化项目 通过DevEco Studio配置项目支持鸿蒙OS 集成必要的SDK和资源 组件开发:

文章图片
#react native#harmonyos#react.js
Rust编程学习 - 为什么说Cow 代表的是Copy-On-Write, 即“写时复制技术”,它是一种高效的 资源管理手段

大家需要注意的是,这个self的类型是&Self,不是&mutSelf。但我们同时还需要使用这个共享引用self来修改引用计数的值。所以这个成员必须是具有内部可变性的。反之,如果它们是普通的整数,那么我们就要 求使用&mutSelf类型来调用clone方法,然而一般情况下,我们都会需要多个Rc指 针指向同一块内存区域,引用计数值是共享的。如果存在多个&mut型指针指向引用计数值的 话,则违反了Ru

文章图片
#rust#学习#java
Rust编程学习 - mod (模块)是用于在crate 内部继续进行分层和封装的机制

本文介绍了Rust中build.rs的使用方法和模块管理机制。通过build.rs示例演示了如何在编译时将git commit id自动嵌入程序:创建build.rs文件执行git命令生成包含commit id的源码文件,再通过include!宏引入使用。模块管理部分说明了Rust模块的树形结构组织方式,包括内嵌模块、独立文件和文件夹模块的创建方法,以及pub关键字控制的可见性规则。重点强调了pu

文章图片
#rust#学习#开发语言
Rust编程学习 - 内存分配机制,如何动态大小类型和 `Sized` trait

本文介绍了 Rust 高级类型系统中的几个重要特性: newtype 模式:用于类型安全、单位标注和实现封装,通过包装现有类型创建新类型 类型别名:使用 type 关键字创建类型同义词,主要作用是减少代码重复 never type (!):表示永不返回的类型,用于发散函数,可强制转换为任何类型 动态大小类型:编译器无法在编译时确定大小的类型,需要通过指针间接使用 这些特性共同增强了 Rust 类型

文章图片
#rust#学习#算法
【精通篇】打造React Native鸿蒙跨平台开发高级复合组件库开发系列:CountDown 倒计时(用于实时展示倒计时数值)

本文介绍了在React Native中实现倒计时组件的两种方法。第一种使用原生setTimeout方法创建自定义组件,通过useEffect和useState管理倒计时状态,支持初始时间和完成回调。第二种方法推荐使用react-native-countdown-text第三方库,简化实现过程并提供更多定制选项。文章提供了完整的代码示例,包括组件定义、样式设置和使用方法,并强调了清除定时器防止内存泄

文章图片
#react native#harmonyos#react.js +4
【精通篇】打造React Native鸿蒙跨平台开发高级复合组件库开发系列:CountDown 倒计时(用于实时展示倒计时数值)

本文介绍了在React Native中实现倒计时组件的两种方法。第一种使用原生setTimeout方法创建自定义组件,通过useEffect和useState管理倒计时状态,支持初始时间和完成回调。第二种方法推荐使用react-native-countdown-text第三方库,简化实现过程并提供更多定制选项。文章提供了完整的代码示例,包括组件定义、样式设置和使用方法,并强调了清除定时器防止内存泄

文章图片
#react native#harmonyos#react.js +4
    共 58 条
  • 1
  • 2
  • 3
  • 6
  • 请选择