Stan i rekompozycja we współdzielonym interfejsie
Sterowanie Compose za pomocą współdzielonego StateFlow
Stan i rekompozycja we współdzielonym interfejsie to bezpłatna lekcja Kotlin Multiplatform Academy na CoddyKit. To lekcja 3 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej Kotlin Multiplatform Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs Kotlin Multiplatform Academy zawiera 4 lekcji w sumie.
Części tej lekcji nie zostały jeszcze przetłumaczone i są wyświetlane po angielsku.
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. 🔁
Często zadawane pytania
Czy lekcja „Stan i rekompozycja we współdzielonym interfejsie” jest bezpłatna?
Tak — pełny tekst „Stan i rekompozycja we współdzielonym interfejsie” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu Kotlin Multiplatform Academy, przejdź na CoddyKit PRO. Kurs Kotlin Multiplatform Academy zawiera 4 lekcji w sumie.
Co nauczysz się w „Stan i rekompozycja we współdzielonym interfejsie”?
Sterowanie Compose za pomocą współdzielonego StateFlow Ćwiczysz Kotlin Multiplatform Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.
Czy potrzebuję doświadczenia, aby zacząć Kotlin Multiplatform Academy?
Nie wymagamy żadnego doświadczenia. Kotlin Multiplatform Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 3 z 4.
Ile czasu zajmuje lekcja „Stan i rekompozycja we współdzielonym interfejsie”?
Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.
Czy mogę pisać i uruchamiać kod w tej lekcji Kotlin Multiplatform Academy?
Tak. Każda lekcja Kotlin Multiplatform Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.
Wszystkie lekcje w tym kursie
- Włączanie Compose Multiplatform
- Układy, modyfikatory i motywy
- Stan i rekompozycja we współdzielonym interfejsie
- Osadzanie współdzielonego interfejsu na iOS i Desktop