<h2 id="%E5%8F%82%E8%80%83%E3%81%AB%E3%81%97%E3%81%9F%E3%83%9A%E3%83%BC%E3%82%B8" data-line="0" class="code-line">
<a class="header-anchor-link" href="#%E5%8F%82%E8%80%83%E3%81%AB%E3%81%97%E3%81%9F%E3%83%9A%E3%83%BC%E3%82%B8" aria-hidden="true"></a> 参考にしたページ</h2>
<p data-line="1" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__f142ccba01059" src="https://embed.zenn.studio/card#zenn-embedded__f142ccba01059" data-content="https%3A%2F%2Fstackoverflow.com%2Fquestions%2F73088362%2Fhow-to-enable-preview-for-kotlin-desktop-compose-demo-project" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://stackoverflow.com/questions/73088362/how-to-enable-preview-for-kotlin-desktop-compose-demo-project" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://stackoverflow.com/questions/73088362/how-to-enable-preview-for-kotlin-desktop-compose-demo-project</a></p>
<h2 id="%E6%89%8B%E9%A0%86" data-line="3" class="code-line">
<a class="header-anchor-link" href="#%E6%89%8B%E9%A0%86" aria-hidden="true"></a> 手順</h2>
<ol data-line="4" class="code-line">
<li data-line="4" class="code-line">
<p data-line="4" class="code-line">Android Studioで Compose Multiplatform IDE Supportをインストール<br>
<img src="https://static.zenn.studio/user-upload/10a3e0b527a0-20240712.png" alt="" class="md-img" loading="lazy"></p>
</li>
<li data-line="7" class="code-line">
<p data-line="7" class="code-line">@Previewアノテーションのimportでandroidx.compose.desktop.ui.tooling.previewの方を選択する<br>
<img src="https://static.zenn.studio/user-upload/2fdd91d2819c-20240712.png" alt="" class="md-img" loading="lazy"></p>
</li>
<li data-line="10" class="code-line">
<p data-line="10" class="code-line">@Previewアノテーションの付いた関数の横にアイコンが表示されるのでクリックする<br>
<img src="https://static.zenn.studio/user-upload/a496f16f961d-20240712.png" alt="" class="md-img" loading="lazy"></p>
</li>
<li data-line="13" class="code-line">
<p data-line="13" class="code-line">プレビューが表示される<br>
<img src="https://static.zenn.studio/user-upload/6986ecf3d710-20240712.png" alt="" class="md-img" loading="lazy"></p>
</li>
</ol>
<p data-line="16" class="code-line">Androidの@Previewのようにクリックして動作確認したりwidth height指定したりはできないっぽい</p>


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

参考にしたページ

手順

Discussion