Compose 预览根本不起作用 - 项目需要编译

Question

我使用的是2022年3月16日构建的Android Studio Bumblebee 2021.1.1 Patch 3

androidx.compose.ui:ui-tooling, androidx.compose.ui:ui-tooling-preview, androidx.compose.ui:ui 版本1.2.0-alpha07

我想创建可组合项的预览，但无法创建任何一个。每次我看到错误：“需要编译项目才能显示预览”时，我都会重建、同步项目并重新启动 Android Studio，但这没有帮助。有什么问题吗？

例如我的可组合项：

@Composable
fun DefaultProfileAvatarBox(
    modifier: Modifier = Modifier
        .size(60.dp),
    firstLetter: String
) {
    val finalModifier = modifier
        .clip(CircleShape)
        .background(blueAvatarBackground)

    Box(
        modifier = finalModifier
    ) {
        Text(
            text = firstLetter,
            modifier = Modifier
                .padding(bottom = 2.dp)
                .align(Alignment.Center),
            fontSize = 32.sp,
            fontWeight = FontWeight.SemiBold,
            color = Color.White,
            textAlign = TextAlign.Center
        )
    }
}

@Preview
@Composable
fun DefaultProfileAvatarBoxPreview() {
    DefaultProfileAvatarBox(firstLetter = "K")
}

Answer 1

使用版本1.1.1来避免这种情况。

我希望它对你有帮助。