React Native桥接是JS与原生通信的异步通道，通过序列化消息实现跨平台调用摄像头、GPS等功能，其核心由JS线程、原生线程、桥接层和原生模块组成，支持自定义模块扩展，但存在序列化性能开销，正逐步被JSI取代。
React Native 能够实现跨平台移动开发，核心在于它的桥接机制。这套机制让 JavaScript 代码可以与原生 Android 和 iOS 代码通信，从而调用设备的原生功能，比如摄像头、GPS、文件系统等。
什么是 React Native 桥接？
React Native 并不是把 JavaScript 编译成原生代码，而是通过一个“桥”（Bridge）让 JS 线程和原生线程相互传递消息。这个桥是异步通信的通道，负责在 JavaScript 和原生模块之间序列化和传输数据。
当你在 JS 中调用一个原生功能（例如 Vibration.vibrate()），实际上是通过桥将方法名和参数发送到原生端，原生代码执行后，再通过桥把结果或回调传回 JS。
桥接的工作原理
桥接机制基于事件驱动和异步消息传递，主要包含以下几个部分：
立即学习“Java免费学习笔记（深入）”；
- JavaScript 线程：运行 React 应用逻辑，通过桥发送调用请求
- 原生线程：处理 UI 渲染和平台 API 调用，接收来自 JS 的指令
- 桥接层：负责序列化消息（通常使用 JSON），在两个线程间传递
- 原生模块：用 Java 或 Objective-C/Swift 编写的模块，注册到桥上供 JS 调用
每次 JS 调用原生方法时，桥会生成一个唯一的调用 ID，将模块名、方法名和参数打包发送。原生端解析后执行对应方法，执行完毕后通过回调或 Promise 返回结果。
如何创建自定义桥接模块
如果你需要访问 RN 默认不支持的原生功能，可以编写自定义原生模块并桥接到 JS。
以 Android 为例：
- 创建一个类继承 ReactContextBaseJavaModule
- 实现 getName() 方法，返回模块名
- 用 @ReactMethod 注解标记要暴露给 JS 的方法
- 在 ReactPackage 中注册该模块
iOS 类似，需创建 Objective-C 或 Swift 类，实现 RCTBridgeModule 协议。
JS 端通过 NativeModules 访问：
// 示例
import {NativeModules} from 'react-native';
const { MyCustomModule } = NativeModules;
MyCustomModule.showToast('Hello from native!');
性能与局限性
由于桥接是异步的，频繁调用或传输大量数据会影响性能。每个跨桥调用都有序列化开销，不适合用于高频率通信（如动画帧更新）。
React Native 团队推出了 JavaScript Interface (JSI) 来替代传统桥接（如 Hermes 引擎支持），允许 JS 直接调用原生函数，减少序列化延迟，提升性能。
基本上就这些。理解桥接机制有助于你更好地调试跨平台问题，也能在需要时扩展原生功能。虽然新架构正在逐步淘汰旧桥，但掌握它仍是深入 RN 开发的重要一步。
