MonolithCollapsableColumn

MonolithCollapsableColumn.kt

@Composable
fun MonolithCollapsableColumn(listState: LazyGridState, content: @Composable () -> Unit) {
    val contentShown = remember { mutableStateOf(true) }

    var previousIndex by remember { mutableIntStateOf(listState.firstVisibleItemIndex) }
    var previousScrollOffset by remember { mutableIntStateOf(listState.firstVisibleItemScrollOffset) }

    LaunchedEffect(listState) {
        snapshotFlow { listState.firstVisibleItemIndex }
            .map { index ->
                if (previousIndex != index) {
                    previousIndex > index
                } else {
                    previousScrollOffset >= listState.firstVisibleItemScrollOffset
                }.also {
                    previousIndex = index
                    previousScrollOffset = listState.firstVisibleItemScrollOffset
                }
            }
            .collect { isScrollingUp ->
                contentShown.value = isScrollingUp
            }
    }

    Column {
        AnimatedVisibility(visible = contentShown.value) {
            Column(
                modifier = Modifier
                    .fillMaxWidth(),
                verticalArrangement = Arrangement.spacedBy(16.dp)
            ) {
                content()
            }
        }
    }
}