logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

鸿蒙键盘遮挡react native内容尝试

'padding' : 'position'} // iOS 用 padding,Android 用 position。60 : 0} // iOS 中补偿导航栏高度。onPress={() => console.log('提交内容:', text)}placeholder="请输入内容"title="提交"

#react native#harmonyos
react native中 createAsyncThunk 的详细说明,及用法示例(转自通义千问)

是 Redux Toolkit 提供的一个核心工具,专门用于在 React Native(或 React)应用中处理异步操作。它能自动为您生成处理异步生命周期(pending, fulfilled, rejected)的 action,并将这些状态与您的 Redux store 紧密集成,从而极大地简化了异步逻辑的编写。将异步请求的逻辑(如网络请求)与状态更新逻辑(如设置 loading 状态)分

#react native#react.js#javascript
JavaScript 中!!、?? 和 || 使用介绍

表达式判断条件返回值示例`ab`a??b如果a是null或undefined返回b!!a将a转为布尔值true或false!!x→“x 是真还是假?a || b→“a 有没有值?没有就用 b”(把0""当“没有”)a??b→“a 是 null/undefined 吗?是就用 b”(更精准的默认值)📌现代 JS 开发中,优先使用??设置默认值,避免||的陷阱!??自ES2020起支持,所有现代浏览

#javascript#前端#vue.js
鸿蒙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
    共 28 条
  • 1
  • 2
  • 3
  • 请选择