react native

太子釢2 天前
react native
React Native Fabric 渲染链路本文梳理 React Native 新架构(Fabric)"前端触发渲染 → 上屏"的完整链路,覆盖三个阶段:JS 侧构建影子树、ShadowTree commit、主线程 mount 上屏。涉及 JS、C++、iOS 原生三层,以 iOS 为例(Android 流程类似,mounting 层实现不同)。
光影少年2 天前
react native·react.js·掘金·金石计划
RN 原生动画 Animated 用法、动画性能优化React Native 原生 Animated 是 RN 官方提供的动画库,适合实现大部分基础动画(淡入淡出、缩放、位移、旋转等)。如果是面试,通常会问两个方面:
任磊abc2 天前
react native·eslint·prettier
react native项目配置eslint+prettier具体参见Expo官网安装prettier相关依赖安装eslint相关依赖可选(你用了 NativeWind/Tailwind):
sTone873753 天前
android·react native
类RN框架通过Service暴露卡片渲染能力给AI ChatAndroid 四大组件都面临同一个问题:应用是沙箱隔离的,但用户期望的功能往往需要跨应用协作。Activity 解决不了的问题:
想你依然心痛3 天前
flutter·react native·arkui-x·跨平台渲染·harmonyos 7.0·arkrender·组件兼容性
【共创季稿事节】HarmonyOS 7.0 应用框架(ArkUI-X)跨平台能力深度探索每条路上都有它的荆棘和风雨,您没选的那条路未必就开满鲜花。 你羡慕别人的路,是因为你只看到了他们晒出来的花,没看到他们踩过的泥。
大龄秃头程序员3 天前
react native
RN 新架构 Bridgeless 模式下原生向 RN 发事件:一次踩坑与复盘从“灰色按钮半点反应没有”到“一秒定位根因”——复盘 React Native 0.86 Bridgeless 模式下 RCTEventEmitter 失效的全过程。
大龄秃头程序员4 天前
react native
React Native 0.86 新架构实战:Fabric 原生组件开发的 4 个致命坑用亲身踩坑经历,帮你少走弯路。最近在 React Native 0.86 新架构(Fabric + TurboModule)下开发一个带事件推送的 Fabric 原生组件 NativeColoredView,功能本身很简单:JS 侧通过 isActive 控制原生侧定时器,原生侧每秒通过 onValueChange 事件推送递增值到 JS。
光影少年4 天前
react native·react.js·掘金·金石计划
RN适配方案:屏幕适配、分辨率适配、刘海屏/全面屏适配React Native(RN)的适配主要可以分为 屏幕尺寸适配、分辨率(DPI)适配、刘海屏/全面屏适配、横竖屏适配 四大类。下面是一套比较完整的适配方案,也是目前企业项目最常采用的实践。
墨狂之逸才5 天前
react native
React Native 设备唯一 ID:MediaDrm + Keychain 实战项目里有个需求:主设备绑定。场景是这样的——用户 A 在自己的手机上登录了账号,我们把这台设备标记为"主设备"并存储设备 ID。过段时间,用户 B 在同一台手机上登录自己的账号。此时服务端发现:这台手机的设备 ID 不在用户 B 的主设备列表里——说明有人在陌生设备上登录了账号。
光影少年5 天前
react native·react.js·掘金·金石计划
RN中的StyleSheet.create 好处、内联样式弊端在 React Native(RN)中,StyleSheet.create() 和内联样式(inline style)都可以定义样式,但官方更推荐使用 StyleSheet.create() 来管理大部分样式。
大龄秃头程序员6 天前
前端·react native
RN 0.86 新架构实战:TurboModule + Fabric 组件 + iOS 原生容器,完整代码开源关键词:React Native 0.86、New Architecture、TurboModule、Fabric Component、Codegen、C++、iOS 容器嵌入
光影少年6 天前
react native·react.js·掘金·金石计划
RN 样式特点:Flex 布局默认、没有像素单位、样式不能级联React Native(RN)的样式系统与 Web CSS 有不少区别,你提到的三点都是 RN 的核心特点:
青枣八神7 天前
react native·智能手机·安卓
Expo如何只通过数据线连接手机的Expo go不通过局域网,让电脑启动expo服务,然后手机的expo go通过数据线获取电脑上的expo app。主要思路是利用 ADB (Android Debug Bridge) 的端口转发功能,让手机通过 USB 数据线访问电脑上的开发服务器。
米开朗积德8 天前
react native·react.js
React native开发iOS与Android兼容适配常见问题如果不使用以上的包裹使用的Input使用时部分机型会有键盘遮盖input框的问题出现
光影少年10 天前
前端·react native·react.js·前端框架
RN 渲染原理:不依赖WebView,原生控件渲染React Native(RN)的渲染原理可以概括为:RN 不依赖 WebView,而是使用原生控件(Native Views)进行渲染。
牛仔只喝牛奶11 天前
react native·react.js
多端跨端技术选型:小程序 + H5 + App 的两栈拆分落地项目需求:覆盖 H5 + 微信小程序 + App 三端。本意是"一套代码三端统一",但调研后确认:RN 无法编译小程序,真正的一套代码三端不存在。实际方案必须拆栈:RN 写 App + Taro/UniApp 写 H5/小程序。本文记录选型过程中遇到的关键问题、纠结点与最终决策。
熊猫钓鱼>_>12 天前
前端·javascript·vue.js·react native·架构·webgl·three.js
2026 前端的三场底层革命:当 Vue、React Native 和 Three.js 同时去掉中间层2025 到 2026 年,前端领域发生了三件看似毫无关联的大事:Vue 4.0 RC 发布,Vapor Mode 成为默认渲染模式——虚拟 DOM 被绕过了。