logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

开源鸿蒙平台 CMP 三方库「kmp-emoji-picker」适配全流程

本文详述 kmp-emoji-picker 在 OpenHarmony 上的适配全过程,针对 api 级依赖缺失、Compose 多平台目标缺失等核心障碍,采用“引擎复用 + UI 隔离”策略:将数据管线自建(基于 emoji-test/CLDR/Apple 三源),抽取纯逻辑引擎至 commonMain 编译为 ohosArm64/ohosX64 动态库,通过 C ABI/N-API 桥接,由

#react native#react.js#ecmascript +2
开源鸿蒙平台 CMP 三方库「kmp-emoji-picker」适配全流程

本文详述 kmp-emoji-picker 在 OpenHarmony 上的适配全过程,针对 api 级依赖缺失、Compose 多平台目标缺失等核心障碍,采用“引擎复用 + UI 隔离”策略:将数据管线自建(基于 emoji-test/CLDR/Apple 三源),抽取纯逻辑引擎至 commonMain 编译为 ohosArm64/ohosX64 动态库,通过 C ABI/N-API 桥接,由

#react native#react.js#ecmascript +2
开源鸿蒙平台 CMP 三方库「flagpack-compose」适配全流程

本文记录 flagpack-compose 接入 OpenHarmony 的完整适配过程:通过纯 Kotlin 数据抽取管线,将 768 个 ImageVector 中的国旗几何与元数据无损转为 ohosArm64/ohosX64 可编译 KLIB;基于 Kotlin/Native 扫描线光栅化器复现矢量绘制语义(含渐变、描边、裁剪等),经 C ABI/N-API 桥接输出 PNG Base64;

#开源#harmonyos#华为
开源鸿蒙平台 CMP 三方库「flagpack-compose」适配全流程

本文记录 flagpack-compose 接入 OpenHarmony 的完整适配过程:通过纯 Kotlin 数据抽取管线,将 768 个 ImageVector 中的国旗几何与元数据无损转为 ohosArm64/ohosX64 可编译 KLIB;基于 Kotlin/Native 扫描线光栅化器复现矢量绘制语义(含渐变、描边、裁剪等),经 C ABI/N-API 桥接输出 PNG Base64;

#开源#harmonyos#华为
rn_for_openharmony_steam资讯app实战-我的收藏实现

摘要 本文介绍了如何在React Native for OpenHarmony应用中实现Steam资讯App的收藏功能。主要内容包括: 全局状态管理:使用全局状态存储游戏ID列表,通过toggleFavorite函数实现收藏/取消收藏功能,优化内存使用 收藏页面实现:基于收藏ID获取游戏详情,使用Promise.all并行加载数据,自动响应收藏状态变化 UI组件设计:包括游戏卡片展示、取消收藏按钮

文章图片
#react native#react.js#javascript +1
React Native for OpenHarmony 实战:Steam 资讯 App 设置页面

本文介绍了如何实现一个功能完整的App设置页面,包括主题切换、语言选择和通知设置等核心功能。文章重点讲解了全局状态管理方案,通过定义AppState接口存储用户设置,并使用动态键名更新函数实现灵活配置。在UI实现方面,详细展示了主题切换按钮组、语言选项列表和通知开关组件的代码实现,强调使用条件样式和状态绑定来提升用户体验。此外,文章还提供了设置项分组的设计思路,通过ScrollView和分组标题使

文章图片
#react native#react.js#javascript +3
React Native for OpenHarmony 实战:Steam 资讯 App 个人中心页面

本文介绍了如何实现一个简洁实用的个人中心页面,主要包含三部分:用户信息卡片、统计数据展示和功能菜单列表。用户信息卡片展示头像、昵称和在线状态;统计数据区域显示收藏数、浏览数和游戏数;功能菜单通过可复用的ListItem组件实现导航功能。设计上采用Flexbox布局,使用Steam风格配色(蓝色#66c0f4和灰色#8f98a0),通过React Context管理全局状态数据(收藏和浏览历史)。虽

文章图片
#react native#react.js#javascript +3
rn_for_openharmony_steam资讯app实战-游戏新闻实现

本文介绍了使用React Native开发OpenHarmony版Steam资讯App中游戏新闻页面的实现过程。主要技术点包括: 数据获取:通过Steam的GetNewsForApp API获取游戏新闻数据,解析返回的JSON格式新闻列表 核心功能实现: 使用useEffect处理数据加载 时间格式化函数将Unix时间戳转换为相对时间 FlatList渲染新闻列表,包含标题、时间、作者和内容摘要

文章图片
#游戏#php#开发语言
rn_for_openharmony_steam资讯app实战-游戏成就实现

React Native for OpenHarmony 实战:Steam 游戏成就页面开发 本文介绍了使用 React Native for OpenHarmony 开发 Steam 游戏成就页面的关键实现。通过整合 Steam 的两个 API(GetSchemaForGame 和 GetGlobalAchievementPercentagesForApp),开发者可以获取游戏成就数据并进行聚合

文章图片
#游戏#harmonyos#react.js +1
rn_for_openharmony_steam资讯app实战-游戏详情实现

本文介绍了使用 React Native for OpenHarmony 开发 Steam 资讯 App 游戏详情页面的实战经验。文章重点讲解了如何聚合多个 Steam API 数据(包括游戏基本信息、在线玩家数、成就系统等),并详细分析了页面布局与核心代码实现。关键技术点包括:使用 Promise.all 进行并行 API 请求优化性能、合理处理加载和错误状态、实现收藏功能、展示价格折扣信息、设

文章图片
#游戏#react native#harmonyos +1
    共 28 条
  • 1
  • 2
  • 3
  • 请选择