logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

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

本文详述将 react-native-raw-bottom-sheet 适配 HarmonyOS 的全过程。该库零依赖、纯函数组件,四组几何尺寸(高度、宽度、拖拽条、遮罩)均像素级命中,<Modal> 在 RNOH 上表现稳定,useNativeDriver 显式设为 false 无告警。唯一注意点:close() 非幂等,未打开时调用也会触发 onClose,建议在回调中自行判断状态。整体代码干

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

本文详述将 react-native-raw-bottom-sheet 适配 HarmonyOS 的全过程。该库零依赖、纯函数组件,四组几何尺寸(高度、宽度、拖拽条、遮罩)均像素级命中,<Modal> 在 RNOH 上表现稳定,useNativeDriver 显式设为 false 无告警。唯一注意点:close() 非幂等,未打开时调用也会触发 onClose,建议在回调中自行判断状态。整体代码干

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

本文详述将 react-native-render-html 适配 HarmonyOS 的全过程。通过验证,其22个纯JS依赖链无需原生模块,可直接接入;渲染文本与布局dump中的标签层级完全匹配,证明结构解析准确;Platform.select 的 default 分支在鸿蒙上正常生效,字体配置正确;contentWidth 实为尺寸计算参考值,非布局约束。整体兼容性良好,验证方式硬核可靠。

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

本文详述将 react-native-render-html 适配 HarmonyOS 的全过程。通过验证,其22个纯JS依赖链无需原生模块,可直接接入;渲染文本与布局dump中的标签层级完全匹配,证明结构解析准确;Platform.select 的 default 分支在鸿蒙上正常生效,字体配置正确;contentWidth 实为尺寸计算参考值,非布局约束。整体兼容性良好,验证方式硬核可靠。

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

本文完整记录了将 react-native-floating-action 适配 HarmonyOS(RNOH)的过程。经像素级验证,组件几何布局精准,19项工程判据全部通过,纯JS、无依赖、平台分支处理得当。核心问题在于:主按钮点击后,动作列表在RNOH上不可见——尽管状态更新、动画触发、LayoutAnimation可用,但渲染层未呈现。根因定位至渲染层,待进一步排查。建议避免使用 visib

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

本文完整记录了将 react-native-floating-action 适配 HarmonyOS(RNOH)的过程。经像素级验证,组件几何布局精准,19项工程判据全部通过,纯JS、无依赖、平台分支处理得当。核心问题在于:主按钮点击后,动作列表在RNOH上不可见——尽管状态更新、动画触发、LayoutAnimation可用,但渲染层未呈现。根因定位至渲染层,待进一步排查。建议避免使用 visib

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

本文记录将 react-native-emoji-selector 适配 HarmonyOS 的完整过程。该库纯 JS、无复杂依赖,23 项判据全通过。关键发现:尽管 React Native 核心已移除 AsyncStorage,但在 RNOH 上访问不抛错,使其可正常运行。通过 ref 调用方法验证了分类切换、搜索、选中回调等功能,几何计算精确,多码位字符拼接正确,且无需真实点击即可完成测试,

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

本文记录将 react-native-emoji-selector 适配 HarmonyOS 的完整过程。该库纯 JS、无复杂依赖,23 项判据全通过。关键发现:尽管 React Native 核心已移除 AsyncStorage,但在 RNOH 上访问不抛错,使其可正常运行。通过 ref 调用方法验证了分类切换、搜索、选中回调等功能,几何计算精确,多码位字符拼接正确,且无需真实点击即可完成测试,

文章图片
#react native#harmonyos#react.js +2
到底了