Puteți explica principiul de funcționare al funcției mutableStateOf în Jetpack Compose și modul în care gestionează starea interfeței utilizatorului?

Funcția mutableStateOf din Jetpack Compose creează un obiect de stare care stochează o valoare modificabilă și notifică Compose despre schimbările sale.

Când valoarea învelită în mutableStateOf se schimbă, Compose redesenează automat părțile UI care depind de această stare. Acest lucru permite gestionarea eficientă a stării interfeței fără a fi nevoie să actualizați manual UI-ul.

Exemplu de utilizare:

var count by mutableStateOf(0)

Button(onClick = { count++ }) {
    Text("Apăsat de $count ori")
}

Aici, de fiecare dată când se apasă butonul, valoarea count crește, iar textul se actualizează automat datorită sistemului de urmărire a stării implementat prin mutableStateOf.