logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

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

本文详细记录了将 react-native-responsive-screen 适配至 HarmonyOS 的全过程。该库为纯 JS 工具库,无依赖、无需原生适配,仅 77 行代码。核心挑战在于:removeOrientationListener() 调用已废弃的 Dimensions.removeEventListener,在 RN 0.84.1 中会抛异常,且传入新函数引用导致无效移除。此外,

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

本文详细记录了将 react-native-responsive-screen 适配至 HarmonyOS 的全过程。该库为纯 JS 工具库,无依赖、无需原生适配,仅 77 行代码。核心挑战在于:removeOrientationListener() 调用已废弃的 Dimensions.removeEventListener,在 RN 0.84.1 中会抛异常,且传入新函数引用导致无效移除。此外,

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

本文详述 react-native-ratings 适配 HarmonyOS 的全过程,核心发现:在 React 19.2.3 下,函数组件 AirbnbRating 因 defaultProps 被移除,不传 props 时渲染为 0 颗星,而 class 组件 Rating 正常显示 5 颗星。虽库为纯 JS 无需原生适配,但 prepare: "husky install" 导致目录安装失败

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

本文详述 react-native-ratings 适配 HarmonyOS 的全过程,核心发现:在 React 19.2.3 下,函数组件 AirbnbRating 因 defaultProps 被移除,不传 props 时渲染为 0 颗星,而 class 组件 Rating 正常显示 5 颗星。虽库为纯 JS 无需原生适配,但 prepare: "husky install" 导致目录安装失败

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

本文记录 react-native-popup-menu 适配 HarmonyOS 的完整过程。该库为纯 JS、零运行时依赖,无原生代码,main 指向与上游逐字节一致的 Rollup 产物,接入极简。核心挑战在于导出形态混用:MenuProvider 等为普通 class,而 Menu 等经 HOC 包装(withCtx → forwardRef),导致 typeof 为 object 且无 p

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

本文记录 react-native-popup-menu 适配 HarmonyOS 的完整过程。该库为纯 JS、零运行时依赖,无原生代码,main 指向与上游逐字节一致的 Rollup 产物,接入极简。核心挑战在于导出形态混用:MenuProvider 等为普通 class,而 Menu 等经 HOC 包装(withCtx → forwardRef),导致 typeof 为 object 且无 p

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

本文详述将 react-native-parallax-scroll-view 适配 HarmonyOS 的全过程。该库为纯 JS class 组件,无需原生代码,但依赖 prop-types,需手动安装。交付包修改了 src/index.js 中两行关键代码(移除已废弃的 ViewPropTypes),此改动必需却未披露,存在潜在风险。通过定量验证,视差位移在三个数据点上偏差均≤2px,结果精准

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

本文详述将 react-native-parallax-scroll-view 适配 HarmonyOS 的全过程。该库为纯 JS class 组件,无需原生代码,但依赖 prop-types,需手动安装。交付包修改了 src/index.js 中两行关键代码(移除已废弃的 ViewPropTypes),此改动必需却未披露,存在潜在风险。通过定量验证,视差位移在三个数据点上偏差均≤2px,结果精准

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

本文完整记录了将 react-native-loading-spinner-overlay 适配至 HarmonyOS 的过程。该库纯 JS 实现,无原生依赖,编译产物与上游完全一致,安装路径干净。实测验证其遮罩布局、透明度、全屏覆盖(含状态栏)均精确吻合设计,且会吞掉所有页面触摸事件。最大发现是其“半受控”缺陷:取消后组件状态与父组件 visible 不一致,且无任何回调通知。结论:可用,但需注

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

本文完整记录了将 react-native-loading-spinner-overlay 适配至 HarmonyOS 的过程。该库纯 JS 实现,无原生依赖,编译产物与上游完全一致,安装路径干净。实测验证其遮罩布局、透明度、全屏覆盖(含状态栏)均精确吻合设计,且会吞掉所有页面触摸事件。最大发现是其“半受控”缺陷:取消后组件状态与父组件 visible 不一致,且无任何回调通知。结论:可用,但需注

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