在 Composable 函数之外引用或枚举 Jetpack Compose MaterialTheme 主题颜色

Question

我希望为接受颜色的@composable函数提供一个参数，但只有一个来自离散列表的参数。

沿着这一行的内容：

enum class SpecialColor(val color: Color) {
    ALPHA(MaterialTheme.colors.onSurface),
    BETA(MaterialTheme.colors.onSecondary)
}

@Composable
fun ColorSample(specialColor: SpecialColor) {
    Box(
        modifier = Modifier
            .width(100.dp)
            .height(100.dp)
            .background(specialColor.color)
    )
}

@Preview
@Composable
fun PreviewSample() {
    CustomTheme {
        ColorSample(specialColor = SpecialColor.ALPHA)
    }
}

如上所述，引用了物质theme.colors.colors 在可综合上下文之外，发生以下错误：

@composable Invocations只能从一个上下文中发生 @composable功能

如果直接引用颜色而不是通过材料来引用颜色，则该颜色无法正确更新光/暗模式之类的内容。

一种策略可能是将枚举值映射到@composable函数本身中的材料颜色。但这很麻烦，笨重且不能很好地扩展 - 想象一下颜色的更长列表，并且希望重复使用许多功能的特色颜色列表。

另一种策略可能是用LocalContentColor或类似的方式直接修改主题颜色，但这太宽了刷子，不仅会更改颜色，而不仅仅是目标功能。

从实用程序@composable函数返回颜色也不是一个选项，因为@composable函数没有返回值。

所以...
关于如何提供列出的材料颜色列表之一作为参数的任何想法？
以干净且可扩展的方式可以很好地缩放？

Answer 1

这实际上是不正确的：

@Composable 函数没有返回值。

您可以使用返回类型注释这两个函数，甚至可以使用 @Composable 注释仅 getter 属性。例如 这是的一部分材质主题源代码。

以下是定义颜色的方法：

enum class SpecialColor {
    ALPHA,
    BETA,
    ;

    val color: Color
        @Composable
        @ReadOnlyComposable
        get() = when(this) {
            ALPHA -> MaterialTheme.colors.onSurface
            BETA -> MaterialTheme.colors.onSecondary
        }
}