react native

react navite原生事件监听、全局事件通知在 React Native（RN）里，“原生事件监听”和“全局事件通知”通常分两类：下面分别讲。典型场景：

大龄秃头程序员

CocoaPods 静态库 & 动态库实践笔记：从 Podfile 配置到 RN 新架构的一些思考最近在整理 IOSRNContainer 项目时，发现自己对 Podfile 中 use_frameworks! 的几种写法有些混淆，也遇到过几次 transitive dependencies 和启动时长异常的问题。借着梳理项目的机会，把 CocoaPods 静态库/动态库的配置方式、Mach-O 层面的理解、RN 新架构下的特殊处理、以及之前项目中遇到的几个典型问题整理成一篇笔记，供大家参考，也欢迎补充指正。

RN的Fabric 渲染流程RN 的 Fabric 渲染流程是 React Native 新架构（New Architecture）的核心部分。相比旧架构（Bridge + UIManager），Fabric 最大变化是：

App 热更新（OTA）原理深解 —— 以 React Native 为例热更新让你绕过应用商店的审核，直接把新逻辑推送给用户。本文从架构原理、推送流程、关键代码到生产注意事项，完整梳理一遍。

RN 的EventEmitter 双向通信React Native 的 EventEmitter 双向通信，本质是 JS 和 Native 之间通过事件机制互相通知。

React Native Module 注册流程React Native 的 Native Module 注册流程，指的是 JavaScript 层如何调用 Android/iOS 原生代码（Java/Kotlin/Obj-C/Swift）的过程。

RN Bridge 原理React Native（RN）的核心思想是：JavaScript 负责业务逻辑和 UI 描述，Native（iOS/Android）负责真正的 UI 渲染和系统能力调用，两者通过 Bridge 通信。

用 React 写一个 TodoList从零开始，用 React 19 + Vite 8 搭建一个完整的待办事项应用。一个经典 TodoList，功能很简单：

RN原生交互 & 桥接你提到“RN 原生交互 & 桥接”，我理解你可能是在问 React Native（RN）如何和原生 Android/iOS 交互，以及 Bridge（桥接机制）怎么工作。下面从原理到实践梳理。

React Navigation 核心使用（Stack/Tab/Drawer）React Navigation 是 React Native 中最主流的导航库。实际开发中，80% 以上的场景主要围绕三种导航器：

RN 路由栈管理、页面销毁、返回拦截React Native 的路由栈管理、页面销毁、返回拦截，如果现在是 React Native 新项目，基本都是围绕 React Navigation 7.x（6.x 思路也一样）来讲。

react navite 页面跳转、传参、路由监听、导航栏自定义如果你说的是 React Native + React Navigation（v6/v7），那么页面跳转、传参、路由监听、导航栏自定义是最核心的部分。

RN导航与路由在 React Native（RN）中，“导航与路由”通常指页面之间的跳转和页面栈管理。当前最主流的方案是：

沉迷学习日益消瘦

7 React Native / Expo 开发体验：项目结构、跨平台适配与构建发布一个独立开发者的 Expo 实战手册。分层原则：Expo Go 的限制：不支持自定义原生模块。WorthBase 用到的 expo-sqlite、expo-file-system、expo-local-authentication 都是 Expo 官方模块，Expo Go 直接支持。

React Native Fabric 渲染链路本文梳理 React Native 新架构（Fabric）"前端触发渲染 → 上屏"的完整链路，覆盖三个阶段：JS 侧构建影子树、ShadowTree commit、主线程 mount 上屏。涉及 JS、C++、iOS 原生三层，以 iOS 为例（Android 流程类似，mounting 层实现不同）。

RN 原生动画 Animated 用法、动画性能优化React Native 原生 Animated 是 RN 官方提供的动画库，适合实现大部分基础动画（淡入淡出、缩放、位移、旋转等）。如果是面试，通常会问两个方面：

react native项目配置eslint+prettier具体参见Expo官网安装prettier相关依赖安装eslint相关依赖可选（你用了 NativeWind/Tailwind）：