如何在Jetpack Compose中制作卡片渐变？

Question

@Composable fun Gradientcard() {

val horizontalGradientBrush = Brush.horizontalGradient(
    colors = listOf(
        Blue,
        lightBlue
    )
)




Card(modifier = modifier = Modifier
            .background(brush = horizontalGradientBrush),shape = RoundedCornerShape(20.dp)){
    Text(
        text = "sub 1",
        
    )
}

这个方法将卡片的背景设置为渐变色，但卡片本身的颜色仍然是白色。

输出

- user14004870

---

更改后的晚上它仍然没有起作用。 - user14004870

Answer 1

不要在Card中使用modifier，而是尝试在Card内创建一个Box布局，并在其中添加渐变代码。

Card(
            modifier = Modifier
                .fillMaxWidth()
                .height(175.dp),
            elevation = 4.dp,
            shape = RoundedCornerShape(24.dp),
        ) {
            Box(
                Modifier
                    .background(
                        /* Your code*/          ) {
                Text(
                    text = "Card Gradient Background",
                    
                )
            }
        }

- SARRAN N

Answer 2

只需从Text中剪切该修饰符，并将其粘贴到Card中即可。

Card(modifier = ... /*Paste*/){

}

- Richard Onslow Roper

---

我尝试了这种方法，但它没有改变卡片颜色。我已经在问题部分附上了输出。 - user14004870