logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

鸿蒙RN中使用react-native-safe-area-context

本文内容来自:zh-cn/react-native-safe-area-context.md · react-native-oh-library/usage-docs - Gitee.com请到三方库的 Releases 发布地址查看配套的版本信息:@react-native-oh-tpl/react-native-safe-area-context Releases 。对于未发布到npm的旧版本

文章图片
#harmonyos#华为
在鸿蒙手机上,measure 和 measureInWindow 返回的 y / pageY 在滑动组件后值不变问题

因为 List 容器本身不在滚动内容里(它是滚动容器),所以它的 measureInWindow 返回值即使在鸿蒙上也是相对稳定的,再配合手动减去 rightScrollOffsetRef.current 就能得到正确的屏幕坐标。在鸿蒙手机上,measure 和 measureInWindow 返回的 y / pageY 在滑动组件后值不变,是因为这两个 API 在鸿蒙的 RNOH Fabric

#harmonyos#华为
RN使用,鸿蒙与安卓不兼容的代码合集(求大佬留言补充,扩散)

1、鸿蒙端的 FastImage 在 resizeMode='contain' 下,图片内容的对齐行为和 iOS/Android 不一致 — 鸿蒙默认不会将 contain 后的图片内容居中在容器内。修复方式是把尺寸和 margin 提到外层 TouchableOpacity 上,并加上 justifyContent: 'center' 和 alignItems: 'center',让 FastI

#harmonyos#android#华为
鸿蒙RN position: ‘absolute‘ 和 zIndex 的兼容性问题(转自千问)

这主要是因为 RN 的鸿蒙端实现(通常指 react-native-harmony 或 @ohos/rn-ohos)在底层渲染机制上与 Android/iOS 存在显著差异。如果不做补偿,绝对定位元素会发生肉眼可见的偏移。在标准 RN 中,zIndex 仅控制同级元素的堆叠,但在鸿蒙的某些实现中,它的行为更像 Web 的 z-index,会穿透嵌套层级。在 Android/iOS 上,我们习惯使用

#react native#前端#javascript +1
RN优化加载速度思路,与实践记录(理论转自千问,实践源于自己的项目)

表格优先级优化项🔴 高启用 Hermes、首屏最小化、图片 WebP、Splash 优化🟠 中代码分割、延迟初始化、列表虚拟滚动、移除无用依赖🟢 低字体子集、RAM Bundle(已过时)、Bitcode💡记住不要过早优化!先用工具测量真实瓶颈,再针对性解决。通过以上策略,多数 RN 应用可将冷启动时间从3–5秒优化至1–2秒内。如需具体场景(如大型电商 App、含 WebView 的混合

#react native#前端#javascript +1
鸿蒙原生页面与react native页面互相跳转

鸿蒙内嵌RNapp的页面,通过嵌套arkts组件按钮,点击按钮使用NavPathStack跳转鸿蒙页面。通过TurboModule方法调用Router方法跳转。1、NavPathStack跳转。2、Router跳转(未尝试)

#react native#react.js#javascript
HarmonyOS NEXT Stage模型的ArkTS工程结构

【代码】HarmonyOS NEXT Stage模型的ArkTS工程结构。

#华为#harmonyos
鸿蒙(HarmonyOS)支持 useNativeDriver的详细说明(转自千问)

默认开启,按需关闭:对于位移、缩放、旋转,必须开启,否则在鸿蒙低端设备上会出现明显掉帧。透明度单独处理:涉及opacity的动画,请直接设置。组合动画注意:如果你在一个或中同时使用了位移和透明度,只要其中包含不支持原生驱动的属性,整个动画配置通常建议设为false,或者将动画拆分为两组分别执行。

#react native#react.js#javascript +2
    共 24 条
  • 1
  • 2
  • 3
  • 请选择