在 Jetpack Compose 上制作三张卡片，但只显示两张答案

【问题标题】：Making three Card on Jetpack Compose, but only two are shown在 Jetpack Compose 上制作三张卡片，但只显示两张
【发布时间】：2020-10-16 04:20:34
【问题描述】：

我尝试构建三种不同的职业卡。但是为什么只显示了两个呢？

代码：

   Scaffold(....){
    innerPadding ->
            BodyContent(Modifier.padding(innerPadding).fillMaxWidth())
        Card(shape = MaterialTheme.shapes.medium, modifier = Modifier.fillMaxWidth().padding(16.dp)) {
                Text("Card COntent")
            }
            Card(backgroundColor = MaterialTheme.colors.surface, shape = MaterialTheme.shapes.medium,
                    modifier = Modifier.fillMaxWidth()) {
                Text("Card COntent")
            }
            Card(Modifier.fillMaxWidth().padding(16.dp), elevation = 8.dp   ) {
                Text("Card COntent")
            }
    }

【问题讨论】：

第一张卡片在第三张卡片下方，因此不可见。就像 FrameLayout，如果你想实现更多，尝试使用 Row 或 Column 或任何其他组合布局并添加卡片。

标签： android android-cardview android-jetpack-compose android-compose-card

【解决方案1】：

这是你的屏幕：

第一张卡被第三张卡覆盖。

使用类似的东西：

   Column() {
        Card() {..}
        Card() {..}
        Card() {..}
    }

【讨论】：