跨平台开发主流技术框架

跨平台分三大方向：移动端跨端（一套代码跑 Android/iOS）、桌面跨端（Windows/macOS/Linux）、全端跨端（移动端 + Web + 桌面），下面按主流程度整理，包含特点、适用场景、优缺点。

一、移动端跨平台（Android /iOS）

1. Flutter（Dart）

• 谷歌出品，自绘 UI，不依赖原生控件，UI 各端高度一致，性能接近原生

• 可同时编译：Android、iOS、Web、Windows/macOS/Linux 桌面

• 优点：渲染性能好、热重载、一套多端、组件丰富；生态成熟

• 缺点：App 包体积偏大；Dart 语言小众；部分深度原生能力需要写插件

• 适用：商业 App、移动端为主，兼顾 Web / 桌面，字节部分业务使用

2. React Native（JS/TS + React）

• Meta，基于 JavaScript，桥接调用原生组件，不是自绘

• 一套代码 Android/iOS，也可配合 Expo 简化开发

• 优点：前端技术栈复用，人才多；原生控件渲染，UI 体验贴近原生；生态庞大

• 缺点：JS 桥接存在性能瓶颈，复杂动画 / 列表容易卡顿；平台差异需要兼容；大版本升级成本高

• 适用：已有 React 团队，业务型 App，社交、电商类

3. .NET MAUI（C# / XAML）

• 微软新一代，接替 Xamarin，.NET 生态；支持 Android、iOS、Windows、macOS

• 优点：C# 强类型，企业.NET 技术栈无缝迁移；原生控件调用；单项目多目标

• 缺点：生态相对 Flutter/RN 弱；移动端社区规模小；坑较多

• 适用：微软系企业内部 App，Windows 优先同时需要移动端

4. UniApp（Vue2/Vue3，国内主流）

• DCloud，基于 Vue，编译到：小程序、H5、Android、iOS、鸿蒙

• 优点：国内生态极强；一套搞定微信 / 支付宝小程序 + H5+App；上手成本低；插件市场丰富

• 缺点：复杂动画、高性能场景性能弱；多端兼容坑多；底层封装较重

• 适用：中小型 App、多小程序业务，国内中小企业，政务类

二、桌面端跨平台（Windows /macOS/ Linux）

1. Electron（JS/TS，Chromium+Node）

最主流桌面跨端

• 代表软件：VS Code、Discord、Figma 客户端、钉钉、飞书

• 优点：前端技术栈直接写桌面；生态爆炸；快速开发；三平台打包

• 缺点：包体积巨大、内存占用高；CPU 消耗大；重度图形场景性能差

• 适用：工具类、办公客户端，非重度渲染桌面软件

2. Tauri（Rust + 前端 Vue/React/Svelte）

• Electron 替代方案，不打包完整 Chromium，复用系统 WebView

• 优点：包体极小、内存占用低、安全性更好；Rust 后端；支持 Windows/macOS/Linux

• 缺点：生态不如 Electron；系统 WebView 存在版本差异；部分 API 需要 Rust 编写

• 适用：追求轻量化、安全的桌面客户端，现在新项目优先选 Tauri

3. Flutter Desktop（Dart）

• Flutter 的桌面编译能力，自绘 UI，跨 Windows/macOS/Linux

• 优点：UI 一致性高；性能优于 Electron；一套同时移动端 + 桌面

• 缺点：桌面生态不如 Electron；窗口、系统深度能力需要插件

• 适用：移动端为主，顺带产出桌面版本的项目

4. Qt（C++ / QML）

老牌工业级跨平台，桌面 + 嵌入式 + 移动端

• 优点：原生级高性能，图形渲染强；工业软件、嵌入式首选；跨操作系统能力极强

• 缺点：C++ 门槛高；商业版收费；QML 学习成本；前端开发者不友好

• 适用：工业软件、播放器、嵌入式设备客户端、大型专业桌面软件

三、Web 技术衍生跨端（H5 容器方案）

本质是 Web 页面套原生 WebView 壳

1. Cordova / Apache Cordova（PhoneGap）

   经典 WebView 壳，JS 调用原生能力；现在新项目很少用，老项目存量多。

2. Capacitor（Ionic 官方）

   Cordova 升级替代，TS 友好，现代 WebView，适合 Vue/React+H5 打包 App。

3. Ionic：UI 组件库，配合 Capacitor 做 H5 壳 App。

特点：开发最快，但性能最差，适合内容展示类，不适合复杂交互。

四、全平台对比简表

五、选型建议

1. 同时做 App + 小程序 + H5 → UniApp（国内业务首选）

2. 原生级体验，Android+iOS，兼顾桌面 /web → Flutter

3. 团队熟练 React，开发业务 App → React Native + Expo

4. 开发桌面客户端，前端技术栈：新项目优先 Tauri；老业务继续 Electron

5. 工业软件、嵌入式、高性能桌面 → Qt

6. 企业是.NET 技术栈，需要移动 + Windows → .NET MAUI

本文原创作者：易君召，详见：https://www.yijunzhao.cn/authors/yijunzhao，转载请注明出处。

原文链接 https://www.yijunzhao.cn/archives/cross-platform-development-frameworks-guide

欢迎访问 小易撩挨踢