Android Studio не удалось отобразить код: проблема с рендерингом ⇐ Android

[Anonymous]

Я новичок в Android, сейчас пытаюсь разрабатывать на Kotlin и использую Jetpack Compose.
Это очень простая страница, но Android Studio не отображает правильно
Это страница с ошибкой
Вот код

Код: Выделить всё

@OptIn(ExperimentalMaterial3Api::class)
@Composable
fun MainUi() {
val context = LocalContext.current
val backgroundColor = ContextCompat.getColor(context, R.color.yellow)
val subBackgroundColor = ContextCompat.getColor(context, R.color.milk_white)
val topBarTitle = ContextCompat.getString(context, R.string.home_title)
val topAppBarColors = TopAppBarColors(
containerColor = Color(backgroundColor),
titleContentColor = Color.White,
scrolledContainerColor = Color(backgroundColor),
navigationIconContentColor = Color(backgroundColor),
actionIconContentColor = Color(backgroundColor)
)
Column(
horizontalAlignment = Alignment.CenterHorizontally,
modifier = Modifier
.fillMaxSize()
.background(Color(backgroundColor))
) {
TopAppBar(
title = { Text(text = topBarTitle) },
colors = topAppBarColors
)
Column(
modifier = Modifier
.fillMaxSize()
.background(Color(subBackgroundColor))
) {
Text(
text = "This is the content of the page",
modifier = Modifier
.padding(16.dp)
.align(Alignment.CenterHorizontally)
)
}
}
}

@Preview(showBackground = true)
@Composable
fun MainPreview() {
WPJ_KotlinTheme {
MainUi()
}
}

Если кто-нибудь знает причину или решение, подскажите, пожалуйста, большое спасибо! ! !
Я попытался очистить и пересобрать проект.
И обновил Android Studio.
Android Studio. версия

Подробнее здесь: https://stackoverflow.com/questions/788 ... er-problem