Recomposition: Was eine Neuzeichnung auslöst
Verstehen Sie, wann Compose Ihren Code erneut ausführt.
Recomposition: Was eine Neuzeichnung auslöst ist eine kostenlose Jetpack Compose Academy-Lektion auf CoddyKit. Dies ist Lektion 2 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des Jetpack Compose Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Jetpack Compose Academy-Kurs umfasst insgesamt 4 Lektionen.
Teile dieser Lektion wurden noch nicht übersetzt und werden auf Englisch angezeigt.
What Is Recomposition?
Recomposition is Compose re-running your Composable functions to update the screen after some state they read has changed.
Triggered by State Reads
A redraw is triggered only when a piece of state a Composable read actually changes. No state change means no recomposition.
Only Readers Re-Run
Compose is smart: it re-runs only the Composables that read the changed state, not your whole screen. This keeps updates cheap.
Recomposition Can Skip
If a Composable's inputs did not change, Compose may skip re-running it entirely. Unchanged work is simply reused.
It Can Run Out of Order
Compose may recompose Composables in any order or even in parallel. Never assume one runs before another.
It Can Run Often
Recomposition can happen frequently, even every animation frame. Your Composable code should be fast and lightweight.
Keep Composables Pure
Treat Composables as side-effect free. Avoid writing files or starting work directly in the body, since it may re-run many times.
@Composable
fun Greeting(name: String) {
Text("Hi " + name)
}Watch a Counter Recompose
Each time count changes, the Text that reads it recomposes and shows the new number, while untouched siblings stay put.
var count by remember { mutableStateOf(0) }
Text("Value: " + count)Don't Do Heavy Work Inline
Running an expensive calculation in the body repeats it on every recomposition. Move it out or remember the result.
remember Caches Computations
Wrap a costly value in remember so Compose computes it once and reuses it across recompositions instead of redoing the work.
val sorted = remember(items) { items.sorted() }Mental Model
Think of the UI as a function of state. Change the state, Compose recomputes the affected parts, and the screen follows.
Quick Check
What actually triggers a recomposition?
Recap
You now know recomposition re-runs only the readers of changed state, can run often and out of order, so keep Composables fast and pure. 🎯
Häufig gestellte Fragen
Ist die Lektion „Recomposition: Was eine Neuzeichnung auslöst“ kostenlos?
Ja — der vollständige Text von „Recomposition: Was eine Neuzeichnung auslöst“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des Jetpack Compose Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Jetpack Compose Academy-Kurs umfasst insgesamt 4 Lektionen.
Was lerne ich in „Recomposition: Was eine Neuzeichnung auslöst“?
Verstehen Sie, wann Compose Ihren Code erneut ausführt. Du übst Jetpack Compose Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um Jetpack Compose Academy zu starten?
Keine Vorkenntnisse erforderlich. Jetpack Compose Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 2 von 4.
Wie lange dauert die Lektion „Recomposition: Was eine Neuzeichnung auslöst“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser Jetpack Compose Academy-Lektion Code schreiben und ausführen?
Ja. Jede Jetpack Compose Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- remember und mutableStateOf
- Recomposition: Was eine Neuzeichnung auslöst
- Einen Tap-Zähler erstellen
- rememberSaveable über Rotation hinweg