Skip to content

Collapsing Header

Collapsing headers in the library are achieved with a wrapping Composable enclosing a scrollable layout.

@Composable
fun CollapsingHeaderLayout(
    state: CollapsingHeaderState,
    headerContent: @Composable () -> Unit,
    body: @Composable () -> Unit,
) {
    ...
}

It works with any layout in the body composable that supports nested scrolling.

Composable
Collapsing Headers collapsing header with scrollbars in a list collapsing header with scrollbars in a grid collapsing header with scrollbars in staggered_grid