Electron vs Flutter
Electron 和 Flutter 有什么差异？
这里会对比它们的优劣势、支持平台和社区信息。
基本信息
维护方
OpenJS Foundation首发时间
2013 年 7 月 15 日
维护方
Google首发时间
2017 年 5 月 12 日
社区
语言
- JavaScript
- TypeScript
- HTML
- CSS
- Dart
目标平台
- Web
- macOS
- iOS
- Android
- Windows
- 微信小程序
- 其他平台iPadOS鸿蒙LinuxAndroid AutoAndroid TVTizentvOSvisionOSwatchOSWear OSQQ 小程序京东小程序快应用快手小程序抖音小程序支付宝小程序百度小程序
- Web
- macOS
- iOS
- Android
- Windows
已过时 · 不计入覆盖统计
Flutter 官方不支持小程序。MPFlutter 等社区方案曾将 Flutter 编译到微信宿主，但项目已长期停更，无法跟上 Flutter 新架构与微信基础库更新，弃坑风险极高。
- 其他平台iPadOS
Flutter 官方 SDK 不支持 OpenHarmony。OpenHarmony SIG 维护适配版 Flutter SDK（flutter_flutter），需 DevEco Studio 与 HarmonyOS SDK，使用 flutter create --platforms ohos、flutter build hap 产出 HAP；常用插件需从 flutter_packages 以 Git 引入，版本与 pub.dev 不完全一致。华为 AppGallery Connect 提供 Flutter 应用接入文档。HarmonyOS NEXT 纯血设备不能依赖 Android 兼容层跑标准 Flutter APK；部分鸿蒙机上 Platform.isAndroid 仍为 true，需自行区分系统。
感谢 fangqiu1992、Leon6868 提供的线索
LinuxAndroid AutoAndroid TVTizentvOSvisionOSwatchOSWear OSQQ 小程序京东小程序快应用快手小程序抖音小程序支付宝小程序百度小程序
优势
- 跨平台
一次开发，可部署到多个桌面平台，节省开发与维护成本。
- Web 技术
使用 HTML、CSS、JavaScript，许多团队无需换技术栈即可开工。
- 原生 API
在 Web 层与系统 API 之间提供桥接，可访问菜单栏、托盘等桌面能力。
- 社区活跃
社区体量大，文档、教程与示例丰富，遇到问题相对好查。
- 跨平台
一套代码可覆盖多种平台，缩短开发周期、降低维护成本。
- 性能
引擎与框架针对各平台硬件做了优化，整体性能在跨平台方案里较突出。
- 用户界面
内置面向 iOS 与 Android 的 UI 组件，便于做出符合两端设计规范的界面。
- 原生 API
提供与原生 API 的桥接，可访问相机、加速度计等设备能力。
- 社区活跃
社区规模大，文档、教程与示例丰富，遇到问题相对好查。
劣势
- 性能
应用运行在 WebView 中，相比纯原生桌面应用可能多一层开销。
- 安装包体积
通常会打包 Chromium 与 Node.js，安装包往往比原生应用更大。
- 平台范围有限
主要面向 Windows、macOS、Linux 等桌面环境，不覆盖移动平台。
- 学习曲线
需要学习 Dart，对只熟悉 JavaScript/Type 的团队来说有一定门槛。
- 安装包体积
应用会打包 Flutter 引擎，安装包通常比纯原生应用更大一些。
- 内存占用
需随应用打包渲染引擎，内存占用在跨平台方案里通常偏高。
- 文字排版
自绘文字栈在复杂排版、与系统字体特性对齐等方面，往往不如各平台原生文本引擎。
- Web 与热更新
Web 端目前仅走 wasm 路线；无官方热更新方案，第三方（如 Shorebird）在国内稳定性一般。
- 鸿蒙适配
官方 SDK 不直接支持鸿蒙；需换用社区适配版工具链，三方库与 Google 版 Flutter 版本线可能滞后，分布式等鸿蒙特性需自行写 Platform Channel。
