如何在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",
        
    )
}

此方法将卡片的背景设为渐变，但不将卡片的背景设为渐变。卡的颜色仍然是白色。

输出

Answer 1

尝试在内部创建布局并在其中添加渐变代码，而不是使用modifierin 。CardBoxCard

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