I have made a slidable composable whicht sits under the top app bar but unfortunately the composable...

# compose

[Lilly]

I have made a slidable composable whicht sits under the top app bar but unfortunately the composable does not slide under the top app bar but instead over it. Here the code:

Scaffold(
    topBar = {
		Column {
			TopAppBar(
				...
			)
			AnimatedVisibility(
				visible = (connectionState == BluetoothConnectionState.Disconnected),
				enter = slideInVertically(),
				exit = slideOutVertically(targetOffsetY = { value -> -value }),
				content = { ConnectionStatusBannerComponent(onAction = { }) }
			)
		}
	},
)

Does someone have an idea?

[Filip Wiesner]

Try Modifier.zIndex()

[Filip Wiesner]

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.

[jaqxues]

I would suggest you use a Scaffold for the TopAppBar/contents

[Lilly]

@jaqxues of course I do, just left it out in my snippet 🙂

[Lilly]

Edited my snippet

[Lilly]

@Filip Wiesner Thanks, works like a charm