logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

React Native for OpenHarmony 实战:三方库 react-native-paper 的鸿蒙化适配指南

本文成功将 react-native-paper 完整适配至 HarmonyOS,实现 57 个导出、20 个关键组件全部可用,主题系统正常运行(useTheme() 返回真实 MD3 颜色,primary = rgba(103, 80, 164, 1)),Button、Card 等组件在布局中呈现真实坐标。通过两个纯 JS 桩(safe-area-context 与 vector-icons)隔

文章图片
#react native#harmonyos#react.js +4
React Native for OpenHarmony 实战:三方库 react-native-paper 的鸿蒙化适配指南

本文成功将 react-native-paper 完整适配至 HarmonyOS,实现 57 个导出、20 个关键组件全部可用,主题系统正常运行(useTheme() 返回真实 MD3 颜色,primary = rgba(103, 80, 164, 1)),Button、Card 等组件在布局中呈现真实坐标。通过两个纯 JS 桩(safe-area-context 与 vector-icons)隔

文章图片
#react native#harmonyos#react.js +4
React Native for OpenHarmony 实战:三方库 react-native-modal-dialog 的鸿蒙化适配指南

本文记录将 react-native-modal-dialog 适配 HarmonyOS 的过程。通过扩展 polyfill 解决 ViewPropTypes 被移除导致的加载崩溃问题,验证了兼容层可复用性。发现库存在严重缺陷:Dialog 类缺失 hide() 方法,导致默认回调调用时报错,必须手动传入关闭逻辑。继承关系清晰,Alert/Confirm/Prompt 均正确继承 Dialog,且

文章图片
#react native#harmonyos#react.js +2
React Native for OpenHarmony 实战:三方库 react-native-modal-dialog 的鸿蒙化适配指南

本文记录将 react-native-modal-dialog 适配 HarmonyOS 的过程。通过扩展 polyfill 解决 ViewPropTypes 被移除导致的加载崩溃问题,验证了兼容层可复用性。发现库存在严重缺陷:Dialog 类缺失 hide() 方法,导致默认回调调用时报错,必须手动传入关闭逻辑。继承关系清晰,Alert/Confirm/Prompt 均正确继承 Dialog,且

文章图片
#react native#harmonyos#react.js +2
React Native for OpenHarmony 实战:三方库 react-native-mask-input 的鸿蒙化适配指南

本文完整记录 react-native-mask-input 适配 HarmonyOS 的过程,核心在于其三大纯函数(formatWithMask、createNumberMask、Masks)的平台无关性。通过26条断言验证,仅1条因用户掩码长度错误导致失败,其余全部通过。该库逻辑清晰、行为可预测,尤其在掩码动态处理与混淆规则上表现精准,证明其高度可移植性,是当前最可靠的跨平台输入掩码方案。

文章图片
#react native#harmonyos#react.js +3
React Native for OpenHarmony 实战:三方库 react-native-mask-input 的鸿蒙化适配指南

本文完整记录 react-native-mask-input 适配 HarmonyOS 的过程,核心在于其三大纯函数(formatWithMask、createNumberMask、Masks)的平台无关性。通过26条断言验证,仅1条因用户掩码长度错误导致失败,其余全部通过。该库逻辑清晰、行为可预测,尤其在掩码动态处理与混淆规则上表现精准,证明其高度可移植性,是当前最可靠的跨平台输入掩码方案。

文章图片
#react native#harmonyos#react.js +3
React Native for OpenHarmony 实战:三方库 react-native-lightbox 的鸿蒙化适配指南

本文完整记录了将 react-native-lightbox 适配 HarmonyOS 的过程。实测证明,measure() 在 RNOH 上可用,回调正常返回尺寸与坐标,核心链路(open() → measure → setState → Modal 显示)畅通无阻。Modal 也正常渲染,renderHeader 可见。契约检查 17 项全通过,确认 prototype 仅含 render,其

文章图片
#react native#harmonyos#react.js +2
React Native for OpenHarmony 实战:三方库 react-native-lightbox 的鸿蒙化适配指南

本文完整记录了将 react-native-lightbox 适配 HarmonyOS 的过程。实测证明,measure() 在 RNOH 上可用,回调正常返回尺寸与坐标,核心链路(open() → measure → setState → Modal 显示)畅通无阻。Modal 也正常渲染,renderHeader 可见。契约检查 17 项全通过,确认 prototype 仅含 render,其

文章图片
#react native#harmonyos#react.js +2
React Native for OpenHarmony 实战:三方库 react-native-google-places-autocomplete 的鸿蒙化适配指南

本文记录 react-native-google-places-autocomplete 在 HarmonyOS 上的适配过程:组件可渲染,placeholder 正常显示;13 条纯函数判据(queryString 与 debounce)全部通过,零网络依赖验证成立。虽因 maps.googleapis.com 不可达,无法验证真实请求链路,但通过 requestUrl 指向本地地址测试,确认错

文章图片
#react native#harmonyos#react.js +2
React Native for OpenHarmony 实战:三方库 react-native-google-places-autocomplete 的鸿蒙化适配指南

本文记录 react-native-google-places-autocomplete 在 HarmonyOS 上的适配过程:组件可渲染,placeholder 正常显示;13 条纯函数判据(queryString 与 debounce)全部通过,零网络依赖验证成立。虽因 maps.googleapis.com 不可达,无法验证真实请求链路,但通过 requestUrl 指向本地地址测试,确认错

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