Jetpack Compose'da Collapsing Toolbar komponenti bilan ishladingizmi?

Jetpack Compose'da, CoordinatorLayout va AppBarLayout bilan klassik Android'da bo'lgani kabi, o'ziga xos Collapsing Toolbar komponenti mavjud emas. Biroq, LazyColumn yoki NestedScrollConnection yordamida shunga o'xshash xulq-atvorni amalga oshirish mumkin; skrollni kuzatib, yuqori komponentning o'lchamini yoki ko'rinishini o'zgartirish orqali.

Soddalashtirilgan collapsible toolbar misoli:

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

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

Column {
    Box(modifier = Modifier
        .height(toolbarHeight)
        .fillMaxWidth()
        .background(Color.Blue)) {
        Text("Collapsing Toolbar", color = Color.White, modifier = Modifier.align(Alignment.Center))
    }
    LazyColumn(stan = scrollState) {
        items(100) { index ->
            Text("Item #$index", modifier = Modifier.padding(16.dp))
        }
    }
}

Kengroq murakkab holatlar uchun, NestedScroll API'lari bilan maxsus yechimlar yoki kutubxonalar ishlatilishi mumkin.