Jetpack Compose Academy · Урок

Состояние прокрутки и программная прокрутка

Читайте позицию прокрутки списка и управляйте ею.

Урок 4 из 413 шагов

«Состояние прокрутки и программная прокрутка» — бесплатный урок Jetpack Compose Academy на CoddyKit. Это урок 4 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Jetpack Compose Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Jetpack Compose Academy содержит 4 уроков всего.

Части этого урока еще не переведены и отображаются на английском.

Controlling the Scroll

Sometimes you need to read how far a list has scrolled, or jump it somewhere yourself. That is the job of a scroll state. 🎚️

rememberLazyListState

Create and hold a list state with rememberLazyListState, then pass it to your LazyColumn, LazyRow, or grid.

val listState = rememberLazyListState()
LazyColumn(state = listState) { }

Grids Have State Too

A grid uses its own holder, rememberLazyGridState. Wire it the same way to track and drive a LazyVerticalGrid.

val gridState = rememberLazyGridState()
LazyVerticalGrid(state = gridState, columns = GridCells.Fixed(2)) { }

Reading the First Item

Ask the state for firstVisibleItemIndex to know which item sits at the top of the viewport right now.

val firstIndex = listState.firstVisibleItemIndex

Detecting Scroll Direction

The flag isScrollInProgress tells you whether the user is actively scrolling, handy for hiding a toolbar while they move.

if (listState.isScrollInProgress) hideToolbar()

Jump Instantly

To snap straight to an item with no animation, call scrollToItem from a coroutine scope.

scope.launch {
    listState.scrollToItem(index = 0)
}

Scroll Smoothly

For a gentle glide instead of a jump, use animateScrollToItem. It is great for a back-to-top button.

scope.launch {
    listState.animateScrollToItem(0)
}

Why a Coroutine Scope

Scrolling is a suspend operation, so it must run in a coroutine. Grab a rememberCoroutineScope to launch it from a click.

val scope = rememberCoroutineScope()
Button(onClick = { scope.launch { listState.animateScrollToItem(0) } }) { }

Show a Back-to-Top Button

Combine the two ideas: derive a visibility flag from firstVisibleItemIndex, then animate-scroll to zero on tap.

val showFab by remember {
    derivedStateOf { listState.firstVisibleItemIndex > 5 }
}

Survives Recomposition

Because the state is remembered, the scroll position survives recomposition. Use rememberSaveable variants to keep it across rotation.

State Drives the UI

The pattern is consistent: hold a scroll state, read it to react to position, and call its scroll functions to move the list yourself.

Quick Check

One on smooth scrolling.

Recap: Scroll Control

You learned to hold a scroll state, read firstVisibleItemIndex, and drive lists with scrollToItem and animateScrollToItem from a coroutine. 🚀

Можно начать бесплатно

Изучай Kotlin с ИИ-репетитором — бесплатно

Пиши и запускай код прямо в браузере, получай мгновенную помощь от ИИ-репетитора 24/7 и продолжи учиться на сайте или в приложении.

Курсы
30
Уроки
120

Часто задаваемые вопросы

Урок «Состояние прокрутки и программная прокрутка» бесплатный?

Да — полный текст урока «Состояние прокрутки и программная прокрутка» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Jetpack Compose Academy, подпишись на CoddyKit PRO. Курс Jetpack Compose Academy содержит 4 уроков всего.

Чему я научусь в уроке «Состояние прокрутки и программная прокрутка»?

Читайте позицию прокрутки списка и управляйте ею. Ты практикуешь Jetpack Compose Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.

Нужен ли мне опыт, чтобы начать Jetpack Compose Academy?

Предыдущий опыт не требуется. Jetpack Compose Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 4 из 4.

Сколько времени занимает урок «Состояние прокрутки и программная прокрутка»?

Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.

Можно ли писать и запускать код в этом уроке Jetpack Compose Academy?

Да. Каждый урок Jetpack Compose Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.

Все уроки этого курса

  1. Галереи LazyVerticalGrid
  2. LazyRow для каруселей
  3. Адаптивные и фиксированные ячейки сетки
  4. Состояние прокрутки и программная прокрутка
← Назад к Jetpack Compose Academy