我如何在 android jetpack compose 中将列表项相互重叠?

How can i overlap list item on each other in android jetpack compose?

我想实现这个 ui。 我如何在 android Jetpack Compose 中将 post 列表项相互重叠?

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

此外,阅读官方文档here

您可以使用Box

样本:

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

在上面的例子中,Image2 将覆盖 Box 的 maxSize。 Image1 将在 Image2 下面。

添加到 Bagadeshkumar R 的答案中,您可以放置​​高度为 spacer(modifier = Modifier.height(8.dp)) 的 Spacer,图像 1 和 2 之间的属性,以使图像 1 部分可见。

如果您使用 Column 或 LazyList 来显示项目,您可以使用具有负 spacedBy space.

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

spacedBy() doc