android - 如何使用jetpack compose删除卡片 View 的边框

Question

我面临着在jetpack compose中从卡片 View 中删除边框的问题。
请指导我如何从卡片 View 功能中实现边框删除。
我的代码如下，但无法正常工作。

代码

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