如何在 Jetpack Compose 中引用主题属性？

Question

所以在目前的andriod开发中，如果我们需要引用主题中设置的颜色，我们可以简单地做：（在布局xml中）

....
    <TextView
        ...
        android:textColor="?attr/colorPrimary"
        .../>
....

如果我在主题中设置了蓝色。我将在上面的文本视图中获得该颜色。

我想知道如何在Jetpack Compose. 在Compose，我们做，

MaterialTheme(...) {
    Column {
        Text(
            ...
            textStyle = TextStyle(color = ????) // How to I reference to the theme?
        )
    }
}

Answer 1

您可以使用以下内容：

Text(text = "....",
     style = TextStyle(color = MaterialTheme.colors.primary))

Answer 2

为了从属性中获取颜色，我使用这个可组合函数：

@Composable
fun getColor(color: Int): Color {
    return colorResource(LocalContext.current.getColorFromAttrs(color).resourceId)
}

fun Context.getColorFromAttrs(attr: Int): TypedValue {
    return TypedValue().apply {
        theme.resolveAttribute(attr, this, true)
    }
}

用途：

val color: Color = getColor(R.attr.colorText)