zIndex

fun Modifier.zIndex(zIndex: Float): Modifier

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.

Code Examples

ZIndexModifierSample

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