在Jetpack上制作三张卡片,但只显示两张

问题描述

我尝试构建三种不同的类卡。但是为什么只显示两个?

Preview

代码

   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")
            }
    }

解决方法

这是您的屏幕:

enter image description here

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

使用类似的东西:

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

enter image description here