zIndex

Modifier in Compose Ui

Creates a modifier that controls the drawing order for the children of the same layout parent. A child with larger [zIndex] will be drawn on top of all the children with smaller [zIndex]. When children have the same [zIndex] the original order in which the parent placed the children is used.

Note that if there would be multiple [zIndex] modifiers applied for the same layout the sum of their values will be used as the final zIndex. If no [zIndex] were applied for the layout then the default zIndex is 0.

Last updated: 2024-10-22 13:47

Installation

dependencies {
   implementation("androidx.compose.ui:ui:1.8.0-alpha04")
}

Overloads

@Stable
fun Modifier.zIndex(zIndex: Float): Modifier

Code Example

ZIndexModifierSample

@Composable
fun ZIndexModifierSample() {
    Box {
        Text("Drawn second", Modifier.zIndex(1f))
        Text("Drawn first")
    }
}