← 返回
Capacitor vs React Native
Capacitor 和 React Native 有什么差异？
这里会对比它们的优劣势、支持平台和社区信息。
Capacitor
React Native
基本信息
维护方
Ionic首发时间
2019 年 5 月 22 日
维护方
Facebook首发时间
2015 年 3 月 26 日
社区
语言
- JavaScript
- TypeScript
- HTML
- CSS
- JavaScript
- TypeScript
目标平台
- 移动端Android
- iOS
- iPadOS
- 鸿蒙
- 桌面 / WebLinux
- macOS
- Web
- Windows
- TV / 可穿戴Android Auto
- Android TV
- Tizen
- tvOS
- visionOS
- watchOS
- Wear OS
- 小程序QQ 小程序
- 京东小程序
- 微信小程序
- 快应用
- 快手小程序
- 抖音小程序
- 支付宝小程序
- 百度小程序
- 移动端Android
- iOS
- iPadOS
- 鸿蒙
- 桌面 / WebLinux
- macOS
- Web
- Windows
- TV / 可穿戴Android Auto
- Android TV
- Tizen
- tvOS
- visionOS
- watchOS
- Wear OS
- 小程序QQ 小程序
- 京东小程序
- 微信小程序
- 快应用
- 快手小程序
- 抖音小程序
- 支付宝小程序
- 百度小程序
优势
- 跨平台
一套代码可同时面向 Android、iOS 等平台，减少重复开发与维护成本。
- 原生 API
在 Web 层与系统原生 API 之间提供桥接，可访问相机、通讯录、文件存储等能力。
- Web 技术
使用 HTML、CSS、JavaScript 开发，许多团队无需换技术栈即可开工。
- 插件
插件体系可扩展应用能力，社区里也有不少现成插件可加速开发。
- 跨平台
一套代码可同时面向 Android、iOS 等平台。
- 原生 API
在 JavaScript 与系统原生 API 之间提供桥接，可访问相机、通讯录、文件存储等能力。
- 社区活跃
社区体量大，文档、教程与示例丰富，生态成熟。
劣势
- 性能
应用运行在 WebView 中，相比纯原生方案可能多一层开销，性能上限略低。
- 社区仍在成长
框架相对较新，中文教程与实战案例不如 React Native、Flutter 丰富。
- 性能
JavaScript 与原生之间的桥接会带来一定开销，极端性能场景可能不如纯原生。
