remember

Learn state retention with remember.

What is remember?

remember is a function that keeps a value across recompositions inside a composable. Compose does not reset variables on every redraw; remember stores them.

Example: val count = remember { mutableStateOf(0) }. This line creates the counter on the first draw and returns the same instance on later draws. Without remember, it would reset on every recomposition. This is the core way to keep UI state. The rememberInfo model in this lesson shows the concept.

A remember example

A counter composable holds state with remember. When the button is pressed, the counter increases and Compose redraws the related composable.

Example: val count = remember { mutableStateOf(0) }, then Button(onClick = { count.value++ }) { Text("${'$'}{count.value}") }. Each press increases count.value; Compose observes it and redraws the Text. remember keeps the counter without reset. This is the basis of reactive UI.

Exercise Write rememberInfo

Define fun rememberInfo(): String. It should return "remember". In main, write println(rememberInfo()).

Show example solution

fun rememberInfo(): String = "remember"
fun main() {
    println(rememberInfo())
}

Test yourself

Match the remember parts

remember

State retention
recomposition

Redraw
mutableStateOf

Reactive state
Composable

UI function
When does remember reset?
```
remember lasts the composable lifetime.
```
- On every recomposition
- Until the app closes
- Until the component leaves the tree
- Never
Show answer

Until the component leaves the tree — remember keeps the value until the composable leaves the tree.

Complete the remember call

val count = remember { ____ }

Show answer

val count = remember { mutableStateOf(0) }

Next lesson: MutableState

We Are Enhancing Your Experience

Cookie Preferences

Strictly Necessary Cookies

Analytical Cookies