如何使用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..
}