Kotlin: Compose Multiplatform

[hhstore]

📖 Abstract:

• ✅ Compose Multiplatform 是 Kotlin UI 层 跨平台开发框架, 是基于 Google Jetpack Compose 的扩展.
• ✅ 注意和 Kotlin Multiplatform 是不同层次 (logic 层) 的东西.

💯 Related:

• ✅ Kotlin: Kotlin Multiplatform #420
• ✅ Kotlin: Google Jetpack Compose #419
• ✅ Kotlin: Quickstart #418

[hhstore]

Kotlin - Compose Multiplatform 使用指南

概念区别:

与 Kotlin Multiplatform 区别

• ✅ Kotlin Multiplatform 是 logic 层跨平台框架
• ✅ Compose Multiplatform 是 UI 层 跨平台框架
• ✅ 二者关系: 互补的, 可组合使用的.

与 Google Jetpack Compose 区别

• ✅ Google Jetpack Compose 是 Google 主导的, 主要是 mobile 应用开发的 UI 框架
• ✅ Compose Multiplatform 是基于它, 并扩展它, 应用到 desktop/web 等更广泛领域.(可认为是前者的超集)
• ✅ 二者关系: 后者, 是前者超集.(未来应该是取代前者)

官方资源:

文档:

• https://www.jetbrains.com/help/kotlin-multiplatform-dev/compose-multiplatform-getting-started.html

GitHub:

• https://github.com/JetBrains/compose-multiplatform

示例应用:

• https://www.jetbrains.com/help/kotlin-multiplatform-dev/multiplatform-samples.html
• 大量示例应用 & 学习.

YouTube:

• https://www.youtube.com/playlist?list=PLlFc5cFwUnmy_oVc9YQzjasSNoAk4hk_C
• Build an iOS & Android app in 100% Kotlin with Compose Multiplatform

Slack:

• https://surveys.jetbrains.com/s3/kotlin-slack-sign-up
• 官方技术群

社区资源:

问答 Q&A:

• https://stackoverflow.com/questions/tagged/kotlin-multiplatform

[hhstore]

Kotlin Multiplatform 使用教程

• https://github.com/JetBrains/compose-multiplatform/blob/master/tutorials/README.md
• 官方项目教程列表, 包含大量组件的使用示例.

Desktop

• https://github.com/JetBrains/compose-multiplatform/blob/master/tutorials/README.md#desktop

项目模板脚手架:

• https://github.com/JetBrains/compose-multiplatform-desktop-template

Web

• https://github.com/Kotlin/kotlin-wasm-examples/tree/main/compose-imageviewer#compose-multiplatform-for-web
• 大量使用示例.

[hhstore]

Kotlin Multiplatform 项目脚手架

• ✅ 初始化 Kotlin 项目的模板 & 脚手架

全功能(所有平台):

• ✅ https://kmp.jetbrains.com/
• ✅ 推荐都使用此, 高度可定制化+配置+下载, 非常方便.

现成的模板:

• ✅ https://kmp.jetbrains.com/#templateGallery

Desktop:

• ✅ https://github.com/JetBrains/compose-multiplatform-desktop-template
• ✅ 建议直接用上面的网址+配置+下载, 上面的更好.

Mobile:

• ✅ https://kmp.jetbrains.com/

⚠️ 已废弃的:

• https://github.com/JetBrains/compose-multiplatform-ios-android-template

lib:

• ✅ https://github.com/Kotlin/multiplatform-library-template
• ✅ https://kmp.jetbrains.com/#templateGallery
• ✅ 库 模板(跨平台), 实用.

[hhstore]

YouTube 热门视频:

• Compose Multiplatform on iOS in Production at Instabee

[hhstore]

Awesome Kotlin Multiplatform

moko-mvvm

• https://github.com/icerockdev/moko-mvvm
• Model-View-ViewModel architecture components for mobile (android & ios) Kotlin Multiplatform development

[hhstore]

1

[hhstore]

1

[hhstore]

1