如何使用jetpack compose去除卡片视图的边框答案

【问题标题】：How to remove border of card view with jetpack compose如何使用jetpack compose去除卡片视图的边框
【发布时间】：2021-11-05 03:15:37
【问题描述】：

我正面临从 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,
        )
    }
}

【问题讨论】：

您预期的 UI 结果是什么？可以发张图片吗？
是的。我会附上
@MuhammadZaryabRafique，要求“移除边界”吗？
如果要去除立面、圆角和边框，为什么需要卡片？

标签： android kotlin android-jetpack-compose

【解决方案1】：

实际上，默认情况下，卡片中没有边框。您所看到的是 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..
}

【讨论】：