我如何在 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
}
我想实现这个 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
}