如何为 kotlin 桌面撰写演示项目启用 @Preview？答案

【问题标题】：how to enable @Preview for kotlin desktop compose demo project?如何为 kotlin 桌面撰写演示项目启用 @Preview？
【发布时间】：2022-09-24 16:35:11
【问题描述】：

我下载了demo project 来学习 kotlin compose。

我尝试在@Composable 乐趣上添加@Preview，但收到警告：未解决的参考：预览

我在kotlin.sourceSets.named(\"CommonMain\").dependencies 中添加implementation(\"androidx.compose.ui:ui-tooling-preview:1.1.1\") 在build.gradlw.kts 中：

        named(\"commonMain\") {
            dependencies {
                api(compose.runtime)
                api(compose.foundation)
                api(compose.material)
                api(compose.materialIconsExtended)
                implementation(\"androidx.compose.ui:ui-tooling-preview:1.1.1\")
            }
        }

但还是得到未解决的参考：预览错误。

我使用 IDEA 2021.3.3，Build #IU-213.7172.25，于 2022 年 3 月 16 日构建。

你导入注解import androidx.compose.ui.tooling.preview.Preview了吗？你也试过Android Studio吗？根据文档，预览似乎仅在 AS 中有效

标签： android kotlin android-jetpack-compose

【解决方案1】：

您需要导入androidx.compose.desktop.ui.tooling.preview.Preview 才能在桌面预览。

转到设置 > 插件 > 在市场中搜索Compose 多平台 IDE 支持并安装此插件。

之后，您可以使用 Preview 注释，它将导入正确的库。

【讨论】：