kotlin - Jetpack Compose中有没有类似SwiftUI中 'ZStack'分组的功能

Question

我在 SwiftUI 中构建了一个日历应用程序，并决定将其移至 Jetpack Compose 以提供适用于 Android 的版本。对于 SwiftUI 版本，我使用 ZStack 组将事件卡叠加在时间标题上。有什么方法可以像在 SwiftUI 中一样在 Kotlin 中叠加两个 div 吗？

Answer 1

那么，您可以使用 Box 并使用 zIndex 修饰符设置 z-Index。

Box {
    Box(
        Modifier
            .size(100.dp)
            .background(Color.Red)
            .zIndex(1f)
    )
    Box(
        Modifier
            .size(100.dp)
            .background(Color.Green)
            .zIndex(2f)
    )
    Box(
        Modifier
            .size(100.dp)
            .background(Color.Blue)
            .zIndex(3f)
    )
}

最高的 zIndex 将排在其他的前面。如果您不定义 zIndex，则最后一个将是最接近的。