react native

一个扣子1 天前
react native·字节码·新架构·hermes·android配置·ios配置·平台差异
Hermes 的 Android 与 iOS 平台差异化配置详解一次配置两边跑,但差异藏在细节里——从 API 到字节码的全方位对比Hermes 最大的魅力之一,就是它的“跨平台”属性。同一份 JavaScript 代码,在 Android 和 iOS 上都能被 Hermes 预编译为字节码并高效执行,这听起来非常美好。
茅盾体1 天前
android·react native·react.js
React Native准备:debug:release:准备:安装xcode
一个扣子2 天前
react native·开发模式·多环境配置·生产模式·hermes·环境切换·构建配置
多环境配置:开发/生产环境下 Hermes 的开启与关闭策略在不同环境中合理配置 Hermes,兼顾开发调试效率与生产性能收益Hermes 为 React Native 应用带来了显著的性能提升,但你是否应该在所有环境中都启用它?答案是:视情况而定。
TechMasterPlus3 天前
javascript·react native·react.js
Hermes 深度解析:React Native 高性能 JavaScript 引擎实践指南在 React Native 应用中,JavaScript 引擎直接影响首屏启动、内存占用、包体积和调试体验。早期 React Native 常见方案是使用 JavaScriptCore,而 Hermes 则是 Meta 面向 React Native 场景打造的开源 JavaScript 引擎。它的目标不是在所有基准测试里追求极限跑分,而是解决移动端应用中更现实的问题:启动要快、内存要省、运行时行为要稳定、与 React Native 版本要匹配。
令人头秃的代码0_04 天前
react native
React Native Bundle更新升级rn可以热更新是因为其较为灵活,它可以销毁Hermes runtime,重新创建Hermes runtime并重新加载指定的bundle路径.
用户600071819105 天前
react native
【翻译】React Native JSI 深度解析(第 3 篇):面向 JavaScript 开发者的 C++“抽象的目的不是含糊其辞,而是创建一个新的语义层,在这个层里你可以做到绝对精确。” — Edsger W. Dijkstra,The Humble Programmer,1972
Goway_Hui7 天前
c语言·react native·harmonyos
【ReactNative鸿蒙化-三方库使用与C-API集成】目录项目初始化前置条件初始化React Native 三方库使用与集成章节一:三方库的选择与集成1.1 识别适配包 (TPL)
zh_xuan11 天前
android·react native
启动RN服务端口被占用npx react-native start --port 8081 --host 127.0.0.1启动RN的Metro服务,报错:
墨狂之逸才12 天前
react native
在 React Native 中集成 MinIO 对象存储(图片/文件上传服务)在移动应用开发中,文件上传和存储是一个常见需求。无论是用户头像、签名图片还是各类文档,都需要一个可靠的存储方案。MinIO 作为一个高性能的对象存储服务,完全兼容 AWS S3 API,成为了许多开发者的首选。
chenbin___12 天前
前端·javascript·react native·harmonyos
鸿蒙RN position: ‘absolute‘ 和 zIndex 的兼容性问题(转自千问)在 React Native (RN) 开发鸿蒙(OpenHarmony/HarmonyOS)应用时,position: 'absolute' 和 zIndex 的兼容性问题确实是一个非常典型且容易踩坑的领域。这主要是因为 RN 的鸿蒙端实现(通常指 react-native-harmony 或 @ohos/rn-ohos)在底层渲染机制上与 Android/iOS 存在显著差异。 结合最新的鸿蒙 RN 开发实战经验,我为你总结了核心的兼容问题及解决方案: . 核心差异:坐标系与 DPI 导致的“定位偏移
未名编程12 天前
javascript·react native·react.js
React Native WebView 加载远程页面显示错误内容的深层原因及解决方案在 React Native 应用中集成 WebView 加载远程网页时,遇到了一个诡异的问题:经过深入调试,发现问题的根源在于:HTTP 请求头中的 User-Agent 差异
chenbin___12 天前
开发语言·前端·javascript·react native·react.js
检查hooks依赖的工具(转自千问)你提到的这个“检查 useCallback 依赖是否正确”的工具,通常指的不是一个独立的第三方库,而是 React 官方推荐并内置在 ESLint 中的插件规则。
chenbin___12 天前
前端·javascript·react native·react.js·harmonyos
鸿蒙(HarmonyOS)支持 useNativeDriver的详细说明(转自千问)鸿蒙(HarmonyOS)支持 useNativeDriver,但并非所有动画属性都支持。在 React Native 的鸿蒙端开发中,useNativeDriver 的使用规则比 Android/iOS 更加严格。简单来说:基础变换动画(位移、缩放、旋转)支持原生驱动,但透明度(Opacity)和倾斜(Skew)通常不支持。
黑臂麒麟13 天前
javascript·react native·react.js·ecmascript
React Hooks 闭包陷阱:状态“丢失“的经典坑在 React 函数组件中,事件回调函数里获取的状态值不是最新值,而是初始值或旧值。JavaScript 闭包会捕获定义时的变量值:
fix一个write十个13 天前
前端·react native
NativeWind v4 与 React Native UI Kit或三方库样式隔离指南在 Expo 或 React Native 项目中同时使用 NativeWind v4 和第三方 UI 库(如 react-native-chat-uikit)时,NativeWind 默认的全局注入机制会导致:
2601_9495936514 天前
react native·react.js·harmonyos
小白入门ReactNative for OpenHarmony项目鸿蒙化三方库:react-native-fast-image欢迎加入开源鸿蒙跨平台社区:https://openharmonycrossplatform.csdn.net
sealaugh3214 天前
笔记·学习·react native
react native(学习笔记第二课) 英语打卡微应用(1)-开始构建其实这个开始的想法很简单,学习外语的时候,考虑能不能有一个应用程序第一个功能可以使用AI的图像识别(OCR)技术,自动将扫描的图片生成文字。 第二个功能可以使用AI的TTS Text To Speech技术,将文字转为人类的标准英语发音。 第三个功能可以使用AI的语音识别技术,将用户的发音进行逐个单词的判别,正确显示绿色,一般的显示黑色,错误的显示红色。
Joyee69114 天前
前端·react native
RN 的新模块系统 Turbo module本文所有代码如果没有特别标注的话,默认用的都是 v0.76.0 的 RN 代码要讲清楚这个问题,我们要先从 bridge 架构的 Native module 系统开始说起,旧架构的 Native module 系统的调用流程大概是这样的:
光影少年15 天前
android·前端·react native·react.js·ios
开发RN项目时,如何调试iOS真机、Android真机?常见调试问题排查?在开发 React Native(RN)项目时,真机调试是必备技能。下面我从 iOS / Android 真机调试步骤 + 常见问题排查 给你一套实战指南(偏工程经验总结)。
弓.长.17 天前
react native·react.js·harmonyos
ReactNative for OpenHarmony项目鸿蒙化三方库:react-native-svg(CAPI) — 矢量图形组件欢迎加入开源鸿蒙跨平台社区:https://openharmonycrossplatform.csdn.net