以下是关于 React Native 和 Flutter 原生模块开发的基本知识点总结:
一、核心概念对比
| 维度 | React Native | Flutter |
|---|---|---|
| 架构基础 | JavaScriptCore/Hermes + Bridge/TurboModules | Dart VM + Skia引擎 |
| 原生交互方式 | Native Modules + Native UI Components | Platform Channels + Platform Views |
| 线程模型 | JS线程与原生线程分离 | Dart单线程 + Isolate机制 |
| 热重载支持 | 支持 | 支持(更稳定) |
| 性能关键路径 | Bridge通信开销(TurboModules优化) | AOT编译 + 高性能渲染 |
二、React Native 原生模块开发
1. 基础模块架构
2. Android 原生模块开发
// MyModule.java
public class MyModule extends ReactContextBaseJavaModule {
public MyModule(ReactApplicationContext context) {
super(context);
}
@Override
public String getName() {
return "MyModule"; }
@ReactMethod
public void showToast(String message) {
Toast.makeText(getReactApplicationContext(



















