Android可组合文本在收到Color参数时中断预览。有解决办法吗？

Question

在任何到大黄蜂2011.1.1金丝雀11的Android版本上，下面的视图都不会呈现，实际上会以意想不到的方式破坏预览者。

@Preview
@Composable
fun ColoredText(color: Color = Color.Red) = Text("text")

稳定版本的北极狐抛出一个MethodNotFoundError，而金丝雀发出警告说它找不到视图。我怎样才能让预览再次工作呢？

Answer 1

对于@Preview Composables，主要限制是预览可组合函数不能接受任何参数。

您的ColoredText可组合使用color: Color = Color.Red作为参数，因此不会呈现。您还将看到代码中以红色高亮显示的@Preview Annotation。

要预览您的代码，您可以使一个名为ColoredTextPreview()的预览可组合，它不接受任何参数。使用此方法预览ColoredText()并传递颜色参数

@Preview
@Composable
//preview doesn't accept parameters
fun ColoredTextPreview() = ColoredText(Color.Red)

@Composable
//create a 2nd non-preview composable that accepts parameters
fun ColoredText(color1: Color = Color.Red) {
    Text(
        text = "text",
        color = color1,
        modifier = Modifier.fillMaxWidth()
    )
}

一定要在导入语句中包括这一行代码，以帮助处理颜色。

import androidx.compose.ui.graphics.Color

谢谢,