Ako aktualizovať rozhranie v Jetpack Compose po zmene údajov?

V Jetpack Compose sa aktualizácia rozhrania deje automaticky pri zmene dát, ak sú tieto dáta pozorovateľné (observable). Na tento účel sa používajú stavy (State), ktoré pri zmene spôsobia prekreslenie príslušných komponentov.

Hlavné spôsoby aktualizácie UI:

• Použitie mutableStateOf na vytvorenie meniteľného stavu.
• Obalenie dát do remember alebo rememberSaveable na zachovanie stavu.

Príklad:

@Composable
fun Counter() {
    var count by remember { mutableStateOf(0) }

    Button(onClick = { count++ }) {
        Text("Stlačené $count krát")
    }
}

Tu sa pri každom stlačení tlačidla mení hodnota count, a Compose automaticky aktualizuje text na obrazovke.