Оё шумо бо компоненті Collapsing Toolbar дар Jetpack Compose кор кардаед?

Дар Jetpack Compose, дар он компоненти дарунсохтшудаи Collapsing Toolbar вуҷуд надорад, ҳамчун дар Android классикӣ бо CoordinatorLayout ва AppBarLayout. Аммо, метавон чунин рафторро бо истифодаи LazyColumn ё NestedScrollConnection амалӣ кард, ки тавассути пайгирии ҳаракат ва тағир додани андоза ё намоёнӣ кардани қисми болоӣ.

Маслиҳат барои иҷрои соддашудаи Collapsing Toolbar:

var toolbarHeight remember { mutableStateOf(200.dp) }
val scrollState = rememberLazyListState()

LaunchedEffect(scrollState.firstVisibleItemScrollOffset) {
    toolbarHeight = (200 - scrollState.firstVisibleItemScrollOffset.dp).coerceAtLeast(56.dp)
}

Колон {
    Бокс (муайянкунанда = Modifier
        .height(toolbarHeight)
        .fillMaxWidth()
        .background(Color.Blue)) {
        Матн("Collapsing Toolbar", ранг = Color.White, муайянкунанда = Modifier.align(Alignment.Center))
    }
    LazyColumn(state = scrollState) {
        items(100) { индекс ->
            Матн("Item #$индекс", муайянкунанда = Modifier.padding(16.dp))
        }
    }
}

Барои ҳолатҳои мураккабтар, метавон китобхонаҳо истифода бурда ё ҳалли махсус бо API-ҳои NestedScroll сохт.