¿Puede explicar el principio de funcionamiento de la función mutableStateOf en Jetpack Compose y cómo gestiona el estado de la interfaz de usuario?

La función mutableStateOf en Jetpack Compose crea un objeto de estado que almacena un valor modificable y notifica a Compose sobre sus cambios.

Cuando el valor envuelto en mutableStateOf cambia, Compose vuelve a dibujar automáticamente las partes de la interfaz de usuario que dependen de ese estado. Esto permite gestionar eficientemente el estado de la interfaz sin necesidad de actualizar manualmente la UI.

Ejemplo de uso:

var count by mutableStateOf(0)

Button(onClick = { count++ }) {
    Text("Presionado $count veces")
}

Aquí, cada vez que se pulsa el botón, el valor de count aumenta y el texto se actualiza automáticamente gracias al sistema de seguimiento de estado implementado mediante mutableStateOf.