Как сделать, чтоб превью работало в Jetpack Compose?

Я использую Jetpack Compose в своем существующем проекте и проблема в том, превью не показывается, допустим я пишу так

@Preview
@Composable
fun test() {
    Text(text = "HELLO")
}

результат

enter image description here

UPD

Что забыл? Мне кажется это как то связано с тем, что я пытаюсь добавить это в уже существующий проект, так как если я создаю проект с нуля то нет проблем с отображением.

Вот кстати ошибка которую я получаю

введите сюда описание изображения


Ответы (1 шт):

Автор решения: Vadik

Чтобы превью отображалось корректно, в вашем проекте должны быть подключены следующие зависимости:

implementation "androidx.compose.ui:ui-tooling-preview:<compose_version>"
debugImplementation "androidx.compose.ui:ui-tooling:<compose_version>"

Если отсутствует последняя зависимость, то в превью будет выпадать ошибка:

The following classes could not be found:
- androidx.compose.ui.tooling.ComposeViewAdapter

Действительно, в тексте ошибки говорится об отсутствии ComposeViewAdapter, и он находится в ui-tooling-1.2.1-sources.jar

Кроме этого, проверьте, что версия Kotlin в проекте совпадает с версией Kotlin-плагина в Android Studio.

Также рекомендую использовать последние стабильные версии библиотек: Kotlin, Compose, Compose Compiler.

→ Ссылка