如何使用jetpack compose刪除卡片視圖的邊框

Question

我在 jetpack compose 中面臨從卡片視圖中移除邊框的問題。
請指導我如何從卡片視圖功能中實現邊框去除。
我的代碼在下面但不能正常工作。

代碼

Card(
    shape = RoundedCornerShape(0.dp),
    border = BorderStroke(0.dp, Transparent),
    modifier = Modifier
        .height(100.dp)
        .padding(start = 10.dp, top = 40.dp, end = 10.dp)
        .border(0.dp, Transparent),
) {
    Column(
        modifier = Modifier
            .fillMaxWidth()
            .clickable {
                submit()
            },
    ) {
        Text(
            modifier = Modifier
                .weight(1f)
                .padding(start = 20.dp, top = 20.dp, bottom = 20.dp)
                .wrapContentWidth(Alignment.Start),
            text = "Submit",
            style = typography.h4,
        )
    }
}

Answer 1

實際上，Card 中默認沒有邊框。 您看到的是 1.dp 高程。 因此，如果您不想要任何高度，請將其設為 0.dp，如下所示。

Card(
    modifier = Modifier
        .height(100.dp)
        .padding(start = 10.dp, top = 40.dp, end = 10.dp),
    elevation = 0.dp
) {
    Your content..
}