Puoi spiegare il principio di funzionamento della funzione mutableStateOf in Jetpack Compose e come gestisce lo stato dell'interfaccia utente?

La funzione mutableStateOf in Jetpack Compose crea un oggetto di stato che memorizza un valore modificabile e notifica Compose dei suoi cambiamenti.

Quando il valore racchiuso in mutableStateOf cambia, Compose ridisegna automaticamente le parti dell'interfaccia utente che dipendono da questo stato. Questo permette di gestire in modo efficiente lo stato dell'interfaccia senza dover aggiornare manualmente l'UI.

Esempio di utilizzo:

var count by mutableStateOf(0)

Button(onClick = { count++ }) {
    Text("Premuto $count volte")
}

Qui, ad ogni clic sul pulsante, il valore di count aumenta e il testo si aggiorna automaticamente grazie al sistema di tracciamento dello stato implementato tramite mutableStateOf.