如何使用jetpack compose为卡片视图添加边框

Question

我发现

Border(1.dp, Color.Black)

无法使用卡片视图的边框属性，解决它的最佳方法是什么？

Answer 1

您可以使用

border

参数指定

BorderStroke

在卡片顶部绘制边框：

Card(
        border = BorderStroke(2.dp,Color.Red),
        backgroundColor = Color.Yellow){

}

使用 Material3 您可以使用：

Card(
        border = BorderStroke(2.dp,Color.Red),
        colors = CardDefaults.cardColors(containerColor = Yellow)
)

Answer 2

Card 的边框 api 更改为 Modifier 的字幕，因此可以在下方添加边框。

Card(modifier = Modifier.border(1.dp, Color.Black)) {...}

Answer 3

现在也有圆角：

Card(
    modifier = Modifier
        .border(
            width = 1.dp,
            color = Colors.green20,
            shape = RoundedCornerShape(12.dp)
        )
) {
...
}