Compose Multiplatformを始めよう

About

Compose MultiplatformはKotlin Multiplatformプロジェクトで使用できるUIフレームワークです。Compose Multiplatformを利用するとAndroid・iOS・Desktopアプリなどを同じ記述方法で作成可能です。本ページではCompose Multiplatformに関するTipsなどをまとめます。

Docs

Official

• Compose Multiplatform | 公式サイト
• Compose Multiplatform | GitHub
• Compose Multiplatform Core | GitHub

Template

• Kotlin Multiplatform Wizard
• Compose Multiplatform Wizard

Community

• kotlinlang.slack.com
  • #compose
  • #compose-android
  • #compose-ios
  • #compose-desktop
  • #compose-web

TIPS

Setup

• Compose Multiplatformプロジェクトを作成する

Library

• Compose Multiplatformで使えるライブラリまとめ

Navigation

• Compose Multiplatform: 画面遷移ライブラリを評価する ① はじめに編
• Compose Multiplatform: 画面遷移ライブラリを評価する ② Voyager編
• Compose Multiplatform: 画面遷移ライブラリを評価する ③ PreCompose編
• Compose Multiplatform: 画面遷移ライブラリを評価する ④ Decompose Router編
• Compose Multiplatform: 画面遷移ライブラリを評価する ⑤ まとめ編

ImageLoader

• Compose Multiplatform : ネットワーク経由で画像を読み込む ① Kamel編
• Compose Multiplatform : ネットワーク経由で画像を読み込む ② ImageLoader編

Browser

• Compose MultiplatformでブラウザにてURLを開く方法

Theme

• テーマに同期してStatusBarのアイコン色を変更する

Logger

• テーマに同期してStatusBarのアイコン色を変更する

Q&A

Compose Multiplatformでは@Previewを使えるか？

現時点(2023/09)ではAndroid・iOS・Desktopで共通のコードをCommonMainに格納した場合には@Previewが使えない。
@PreviewはAndroidとDesktop(JVM)しか対応していないので、どうしても@Previewを利用したい場合には、
AndroidとDesktop(JVM)をターゲットとしたモジュールで@Previewを使う必要がある。