如何在Jetpack Compose中更改文本颜色透明度

Question

如何在 JetPack Compose 中更改 Text Color.White 的不透明度。

Text(text = funfact , fontSize = 18.sp, color = Color.White )

- Gnanesh023

Answer 1

您可以通过更改颜色属性中的 alpha 通道来改变透明度：

Text(text = funfact, fontSize = 18.sp, color = Color.White.copy(alpha = 0.5f))

- Stephen Vinouze

Answer 2

您还可以使用 alpha 修饰符：

Text(
    text = funfact,
    modifier = Modifier.alpha(0.5f),
    fontSize = 18.sp,
    color = Color.White,
)

- bwt

Answer 3

将文本组件插入到 CompositionLocalProvider 中，如下所示：

CompositionLocalProvider(LocalContentAlpha provides ContentAlpha.medium) {
    Text(text = "Your text")
}

ContentAlpha 包含 3 种默认的透明度类型：中等、高和禁用。

在稳定版的Compose 1.3.1上进行了测试。

- ReVs

Answer 4

如果你想使用Material Design标准为文本设置alpha值，一个更直接和类似的方法是：@ReVs answer。

Text(text = "Your text", modifier = Modifier.alpha(ContentAlpha.medium))

希望能帮到你！

- Geraldo Neto