logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

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

本文记录了将轻量级 react-native-grid-view(1482字节,零依赖)适配 HarmonyOS 的过程。由于该库依赖已废弃的 React.createClass 与 ListView API,导致在 RN 0.84+ 上无法运行,且 require 后返回 undefined。实测表明其核心逻辑不可用,但其分组算法 groupItems 可独立复现。作者重构实现并验证布局精度(3

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

本文记录了将轻量级 react-native-grid-view(1482字节,零依赖)适配 HarmonyOS 的过程。由于该库依赖已废弃的 React.createClass 与 ListView API,导致在 RN 0.84+ 上无法运行,且 require 后返回 undefined。实测表明其核心逻辑不可用,但其分组算法 groupItems 可独立复现。作者重构实现并验证布局精度(3

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

本文记录了将 react-native-hyperlink 适配至 HarmonyOS 的完整过程。该库为纯 JS 组件,无需原生代码,核心依赖为 linkify-it@^5.0.0 与 mdurl@^2.0.0。关键坑点:未指定版本安装 linkify-it@6.1.0 导致运行时 Object is not a function 错误,需按声明版本安装(5.0.2)方可正常。通过 onPres

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

本文记录了将 react-native-hyperlink 适配至 HarmonyOS 的完整过程。该库为纯 JS 组件,无需原生代码,核心依赖为 linkify-it@^5.0.0 与 mdurl@^2.0.0。关键坑点:未指定版本安装 linkify-it@6.1.0 导致运行时 Object is not a function 错误,需按声明版本安装(5.0.2)方可正常。通过 onPres

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

本文记录将轻量级 react-native-simple-table 适配 HarmonyOS 的全过程。该库仅含两个文件、零依赖,通过横向与纵向 ScrollView 拼接实现表格,代码简洁。经全面检测,12 项通过,2 项失败源于误判 propTypes.X.isRequired 不可运行时检测——实际为 prop-types 机制所致,非库本身问题。最终确认其可在 HarmonyOS 上正常

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

本文记录将轻量级 react-native-simple-table 适配 HarmonyOS 的全过程。该库仅含两个文件、零依赖,通过横向与纵向 ScrollView 拼接实现表格,代码简洁。经全面检测,12 项通过,2 项失败源于误判 propTypes.X.isRequired 不可运行时检测——实际为 prop-types 机制所致,非库本身问题。最终确认其可在 HarmonyOS 上正常

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

本文完整记录将 react-native-star-rating-widget 适配 HarmonyOS 的过程。通过预检发现代码零老旧写法,createClass、mixins 等全为空;useNativeDriver 3 处均为 true,组件全为函数式,getStars() 纯函数 8 项核心判据全部通过,包括整星/半星/四分之一星、不传 step 时不出半星等逻辑。依赖 react-nat

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

本文完整记录将 react-native-star-rating-widget 适配 HarmonyOS 的过程。通过预检发现代码零老旧写法,createClass、mixins 等全为空;useNativeDriver 3 处均为 true,组件全为函数式,getStars() 纯函数 8 项核心判据全部通过,包括整星/半星/四分之一星、不传 step 时不出半星等逻辑。依赖 react-nat

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

本文记录将 react-native-accordion 适配 HarmonyOS 的全过程。该库因使用已被移除的 React.createClass、React.PropTypes、mixins 及字符串 ref,在 React 19 上加载即崩。经取证,崩溃源于 propTypes 中 React.PropTypes.number 求值时 undefined.number 报错。最终以现代写法

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

本文记录将 react-native-accordion 适配 HarmonyOS 的全过程。该库因使用已被移除的 React.createClass、React.PropTypes、mixins 及字符串 ref,在 React 19 上加载即崩。经取证,崩溃源于 propTypes 中 React.PropTypes.number 求值时 undefined.number 报错。最终以现代写法

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