Nivel 2

Nivel 2: estado e interactividad

Traducción al español en progresoEl contenido detallado de esta lección aún se está traduciendo. Mientras tanto, se muestra en inglés.

Reactive State Management

Reactivity. When `state` changes, the UI automatically "recomposes" (redraws). We use `remember` to keep state across redraws.

📚 Explicación

`remember` preserves state across recompositions (when the function is called again). `mutableStateOf` creates an observable state that triggers recomposition when changed. This is Compose's reactive system.

Nota: La ejecución de código no está disponible para Android/Kotlin en el navegador. Usa Android Studio para ejecutar y probar la app.

kotlin

import androidx.compose.runtime.*
import androidx.compose.material3.*

@Composable
fun CounterScreen() {
    // "remember" preserves the value during recomposition
    // "mutableStateOf" makes it observable (triggering UI updates)
    var count by remember { mutableIntStateOf(0) }

    Button(onClick = { count++ }) {
        Text(text = "Clicked $count times")
    }
}

Volver a niveles de Android Volver al Developer Hub