Kas saaksite selgitada, kuidas töötab funktsioon mutableStateOf Jetpack Compose'is ja kuidas see haldab kasutajaliidese olekut?

Jetpack Compose funktsioon mutableStateOf loob oleku, mis salvestab muutuvat väärtuse ja teavitab Compose'i selle muutustest.

Kui mutableStateOf-ga ümbritsetud väärtus muutub, joonistab Compose automaatselt uuesti UI osad, mis sellest olekust sõltuvad. See võimaldab tõhusalt hallata UI olekut ilma käsitsi uuendamata.

Kasutusnäide:

var count by mutableStateOf(0)

Button(onClick = { count++ }) {
    Text("$count korda on vajutatud")
}

Siin suureneb count väärtus iga nupuvajutusega ning tekst uuendatakse automaatselt tänu mutableStateOf-ga rakendatud oleku jälgimise süsteemile.