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

Question

我发现这种方法Border(1.dp, Color.Black)不能使用 Card 视图的边框属性，解决它的最佳方法是什么？

Answer 1

您可以使用border参数指定 aBorderStroke在卡片顶部绘制边框：

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)) {...}