Состояние и рекомпозиция в общем интерфейсе
Управляйте Compose из общего StateFlow
«Состояние и рекомпозиция в общем интерфейсе» — бесплатный урок Kotlin Multiplatform Academy на CoddyKit. Это урок 3 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Kotlin Multiplatform Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Kotlin Multiplatform Academy содержит 4 уроков всего.
Части этого урока еще не переведены и отображаются на английском.
UI Is a Function of State
In Compose your screen is drawn from state. When the state changes, Compose redraws only the parts that depend on it. You never mutate views by hand.
Recomposition Explained
That automatic redraw is called recomposition. Compose re-runs the affected composables with the new values and updates the screen for you.
Remember Local State
For state owned by a composable, use remember with mutableStateOf so the value survives recomposition instead of resetting every frame.
val count = remember { mutableStateOf(0) }Read and Write State
Wrap the value in by to read and write it like a normal variable. Reading it subscribes the composable, so writing triggers a redraw.
var count by remember { mutableStateOf(0) }
Button(onClick = { count++ }) {
Text("Count: " + count)
}Hoist State Upward
Move state to the lowest common parent and pass values down. This hoisting keeps child composables stateless, reusable and easy to test.
@Composable
fun Counter(value: Int, onInc: () -> Unit) {
Button(onClick = onInc) { Text("" + value) }
}State Lives in Shared Code
Your real source of truth is the shared layer. A cross-platform StateFlow holds screen state once, far from any platform UI framework.
val uiState: StateFlow<ScreenState> = _stateCollect StateFlow in Compose
Bridge that flow into Compose with collectAsState. The composable observes it and recomposes whenever the shared state emits a new value.
val state by viewModel.uiState.collectAsState()
Text(state.title)One Source of Truth
Because state flows from shared code into Compose, Android and iOS render the exact same screen from a single source of truth. No drift.
Avoid Side Effects in Composables
A composable can run many times, so never do work like network calls directly in its body. Keep it a pure description and push effects elsewhere.
LaunchedEffect for Side Work
When you must start a coroutine tied to the UI, use LaunchedEffect. It runs once per key and cancels automatically when the composable leaves.
LaunchedEffect(Unit) {
viewModel.load()
}Derived and Stable State
Compute values from existing state with derivedStateOf so they recalculate only when their inputs change, keeping recomposition cheap.
Quick Check
What keeps a value across recompositions?
Recap: State Drives the UI
You learned that state drives recomposition, how to remember and hoist it, and how shared StateFlow feeds Compose so both apps render one truth. 🔁
Изучай Kotlin с ИИ-репетитором — бесплатно
Пиши и запускай код прямо в браузере, получай мгновенную помощь от ИИ-репетитора 24/7 и продолжи учиться на сайте или в приложении.
- Курсы
- 30
- Уроки
- 120
Часто задаваемые вопросы
Урок «Состояние и рекомпозиция в общем интерфейсе» бесплатный?
Да — полный текст урока «Состояние и рекомпозиция в общем интерфейсе» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Kotlin Multiplatform Academy, подпишись на CoddyKit PRO. Курс Kotlin Multiplatform Academy содержит 4 уроков всего.
Чему я научусь в уроке «Состояние и рекомпозиция в общем интерфейсе»?
Управляйте Compose из общего StateFlow Ты практикуешь Kotlin Multiplatform Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.
Нужен ли мне опыт, чтобы начать Kotlin Multiplatform Academy?
Предыдущий опыт не требуется. Kotlin Multiplatform Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 3 из 4.
Сколько времени занимает урок «Состояние и рекомпозиция в общем интерфейсе»?
Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.
Можно ли писать и запускать код в этом уроке Kotlin Multiplatform Academy?
Да. Каждый урок Kotlin Multiplatform Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.
Все уроки этого курса
- Включение Compose Multiplatform
- Макеты, модификаторы и оформление
- Состояние и рекомпозиция в общем интерфейсе
- Размещение общего интерфейса на iOS и Desktop