← 返回

Compose Multiplatform vs Valdi

Compose MultiplatformValdi 有什么差异?
这里会对比它们的优劣势、支持平台和社区信息。

基本信息

  • 维护方

    JetBrains
  • 首发时间

    2021 年 7 月(Alpha);1.0 稳定版 2022 年 10 月
  • 维护方

    Snapchat
  • 首发时间

    2025 年(开源);内部生产使用约 8 年

社区

语言

  • Kotlin
  • TypeScript

目标平台

  • Web
  • macOS
  • iOS
  • Android
  • Windows
  • 微信小程序
  • 其他平台
    iPadOS
    鸿蒙
    Linux
    Android Auto
    Android TV
    Tizen
    tvOS
    visionOS
    watchOS
    Wear OS
    QQ 小程序
    京东小程序
    快应用
    快手小程序
    抖音小程序
    支付宝小程序
    百度小程序
  • Web
  • macOS
  • iOS
  • Android
  • Windows
  • 微信小程序
  • 其他平台
    iPadOS
    鸿蒙
    Linux
    Android Auto
    Android TV
    Tizen
    tvOS
    visionOS
    watchOS
    Wear OS
    QQ 小程序
    京东小程序
    快应用
    快手小程序
    抖音小程序
    支付宝小程序
    百度小程序

优势

  • API 复用

    与 Jetpack Compose 共享 API,Android 开发者几乎零额外学习成本即可上手 iOS 和桌面端。

  • Skia 自绘一致渲染

    非 Android 平台通过 Skiko 统一 Skia 渲染,多平台 UI 像素级一致,不受系统控件差异影响。

  • 原生互操作

    可自由访问平台原生 API 并嵌入原生视图(UIKitView、SwingPanel 等),兼顾一致性按需下沉原生。

  • Kotlin 全栈统一

    前后端、UI、逻辑可全部使用 Kotlin,配合 KMP 生态实现逻辑层与 UI 层的端到端共享。

  • Jetpack 生态移植

    Navigation、Lifecycle、ViewModel、Material3 等 Jetpack 库已有官方多平台版本,架构迁移成本低。

  • 原生渲染路径

    UI 直接落到平台原生视图,避免 WebView 与桥接渲染带来的性能和体验上限问题。

  • TypeScript 开发体验

    TSX + 类型系统,配合热重载与 VS Code/Cursor 调试,迭代速度接近现代前端工作流。

  • 可嵌入现有 App

    支持与原生 UI 双向混排,便于在成熟原生应用里按模块引入,而不必整包重写。

  • 生产验证

    在 Snap 大规模业务中长期运行,属于「先在生产里打磨、再开源」的一类框架。

劣势

  • Skia 着色器卡顿

    非 Android 平台依赖 Skia 运行时编译着色器,首次渲染复杂场景时可能出现掉帧,尚无类似 Impeller 的着色器预编译方案。

  • Kotlin 多目标生态整合

    Kotlin/Native、Kotlin/JVM、Kotlin/JS、Kotlin/Wasm 各编译目标工具链和库生态差异较大,跨目标调试和依赖管理需额外投入。

  • Web 端仍为 Beta

    Web 目标目前处于 Beta 阶段,部分 API 不稳定、性能与兼容性仍在优化,生产环境需谨慎评估。

  • 包体积与内存

    Skia 自绘引擎随应用打包,iOS 端包体积相对原生偏大;桌面端内存占用在复杂场景下偏高。

  • iOS 端成熟度

    虽然 iOS 已标记 Stable,但部分高级特性(原生文本输入、Accessibility 细节等)仍在快速迭代,与成熟的原生方案仍有差距。

  • 生态仍处早期

    开源 beta 阶段,插件、三方 SDK 封装与中文社区资料明显少于 Flutter、React Native。

  • 平台覆盖较窄

    目前聚焦 iOS、Android、macOS,尚无 Web、Windows 或小程序等发行目标。

  • 工具链门槛

    依赖 Bazel、Xcode 等环境,上手路径与常规 npm-only 跨端项目不同。

应用案例