Compose Multiplatform开发之——环境搭建(1)

发表于 分类于 ， ， 阅读时长 ≈ 1 分钟

一 概述

  • 开发条件
  • 编译环境
  • IDE及插件安装
  • 项目创建
  • 项目运行(安卓+iOS)

二 开发条件

  • macOS：13.4.1
  • Xcode：14.3.1
  • Android Studio：Android Studio Flamingo|2022.2.1 Patch2
  • Kotlin多平台手机插件：0.6.1(222)-14
  • CocoaPods依赖管理器(Ruby)

三 编译环境

3.1 编译环境

  • Homebrew：Homebrew 4.0.28-28-gb0d3863(brew -v)
  • Ruby：ruby 3.2.2 (2023-03-30 revision e51014f9c0) [x86_64-darwin22]. (Ruby -v)

3.2 检查环境

在开始之前，请使用KDoctor工具确保您的开发环境配置正确：

使用Homebrew安装 KDoctor

1
brew install kdoctor

在终端中运行 KDoctor

1
kdoctor

如果一切设置正确，您将看到如下输出

1
2
3
4
5
6
7
8
9
10
macbook-pro-zxc:iosApp zxc$ kdoctor
Environment diagnose (to see all details, use -v option):
[✓] Operation System
[✓] Java
[✓] Android Studio
[✓] Xcode
[✓] Cocoapods

Conclusion:
  ✓ Your system is ready for Kotlin Multiplatform Mobile Development!

四 IDE及插件安装

4.1 开发工具IDE

Android Studio

4.2 插件—Kotlin Multiplatform Mobile

在插件市场，搜索Kotlin Multiplatform Mobile进行安装

五 项目创建

5.1 项目创建

1-在Android Studio中新建项目，选择kotlin multiplatform app

2-创建应用，填写kotlin multiplatform app信息(项目名、包名及保存位置)

3-填写安卓名称、iOS名称、Shared共享Module名称

5.2 项目目录结构

项目目录结果如下图所示

Compose Multiplatform 项目包括三个模块

shared

这是一个 Kotlin 模块，包含 Android 和 iOS 应用程序通用的逻辑，即您在平台之间共享的代码

该shared模块也是您编写 Compose Multiplatform 代码的地方。在shared/src/commonMain/kotlin/Greeting.kt 中，您可以找到适用于您的应用程序的共享@Composable功能。

它使用 Gradle 作为构建系统。您可以在该shared模块中的shared/build.gradle.kts 构建一个 Android 库和一个 iOS 框架。

androidApp

这是一个构建到 Android 应用程序中的 Kotlin 模块。它使用 Gradle 作为构建系统。该androidApp模块依赖于shared模块并将其用作常规 Android 库。

iosApp

这是一个构建到 iOS 应用程序中的 Xcode 项目。它依赖并使用shared模块作为 CocoaPods 依赖项。

六 项目运行(安卓+iOS)

安卓 iOS

七 参考

  • compose-multiplatform官网
  • Moko
  • Ktor
  • Voyager
  • SQLDelight