🅿️

Compose MultiplatformでDesktop版のComposable関数のPreviewを表示する

2024/07/12に公開

参考にしたページ

https://stackoverflow.com/questions/73088362/how-to-enable-preview-for-kotlin-desktop-compose-demo-project

手順

  1. Android Studioで Compose Multiplatform IDE Supportをインストール

  2. @Previewアノテーションのimportでandroidx.compose.desktop.ui.tooling.previewの方を選択する

  3. @Previewアノテーションの付いた関数の横にアイコンが表示されるのでクリックする

  4. プレビューが表示される

Androidの@Previewのようにクリックして動作確認したりwidth height指定したりはできないっぽい

Discussion