Můžete vysvětlit princip fungování funkce mutableStateOf v Jetpack Compose a jak spravuje stav uživatelského rozhraní?

Funkce mutableStateOf v Jetpack Compose vytváří objekt stavu, který uchovává měnitelnou hodnotu a informuje Compose o jejích změnách.

Když se hodnota obalená v mutableStateOf změní, Compose automaticky překreslí části UI, které na tento stav závisí. To umožňuje efektivně spravovat stav rozhraní bez nutnosti ručně aktualizovat UI.

Příklad použití:

var count by mutableStateOf(0)

Button(onClick = { count++ }) {
    Text("Stisknuto $count krát")
}

Zde se při každém stisknutí tlačítka hodnota count zvýší a text se automaticky aktualizuje díky systému sledování stavu implementovanému přes mutableStateOf.