Môžete vysvetliť princíp fungovania funkcie mutableStateOf v Jetpack Compose a ako spravuje stav používateľského rozhrania?

Funkcia mutableStateOf v Jetpack Compose vytvára objekt stavu, ktorý uchováva meniteľnú hodnotu a oznamuje Compose o jej zmenách.

Keď sa hodnota obalená v mutableStateOf zmení, Compose automaticky prekreslí časti UI, ktoré na tento stav závisia. To umožňuje efektívne spravovať stav rozhrania bez nutnosti manuálneho aktualizovania UI.

Príklad použitia:

var count by mutableStateOf(0)

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

Tu sa pri každom stlačení tlačidla hodnota count zvýši a text sa automaticky aktualizuje vďaka systému sledovania stavu implementovanému cez mutableStateOf.