如何在Android Jetpack Compose中使列表项重叠？

Question

我想实现这个用户界面。 在Android Jetpack Compose中，如何使文章列表项重叠在彼此上方？

- Mohammad

Answer 1

如果您正在使用列(Column)或懒惰列表(LazyList)来显示项目，您可以使用 verticalArrangement 参数和负 spacedBy 空间。

LazyColumn(
    verticalArrangement = Arrangement.spacedBy((-32).dp)
) {
    // Put the items to overlap here
}

spacedBy() 文档

- Quentin Nivelais

---

非常感谢！你真是个好人。 - Mohammad

Answer 2

你可以使用Box。

示例：

Box(modifier = Modifier.fillMaxSize()) {
     Image(modifier = Modifier.fillMaxSize()) {} //Image1
     Image(modifier = Modifier.fillMaxSize()) {} //Image2
}

在上面的例子中，Image2将覆盖Box的最大尺寸。Image1将位于Image2下方。

- Bagadeshkumar R

Answer 3

使用 Box 将一个元素放在另一个元素之上。

此外，可以在此处阅读官方文档。

- Ayush Saini

---

你能解释一下怎么做吗？我还是找不到例子。 - Dragos Rachieru

Answer 4

在Bagadeshkumar R的答案中添加，你可以在图像1和2之间放置具有高度的Spacerspacer(modifier = Modifier.height(8.dp))，以使图像1部分可见。

- Patrice Mulindi