New Compose Multiplatform components arrived on Composables UICheck it out →

Modifier in Compose Ui

zIndex

Common

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:

Installation

dependencies {
   implementation("androidx.compose.ui:ui:1.7.0-beta04")
}

Overloads

@Stable
fun Modifier.zIndex(zIndex: Float)

Code Example

ZIndexModifierSample

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