Pode explicar o princípio de funcionamento da função mutableStateOf no Jetpack Compose e como ela gere o estado da interface do utilizador?

A função mutableStateOf no Jetpack Compose cria um objeto de estado que armazena um valor modificável e notifica o Compose sobre suas alterações.

Quando o valor envolvido em mutableStateOf muda, o Compose redesenha automaticamente as partes da interface de usuário que dependem desse estado. Isso permite gerenciar eficientemente o estado da interface sem precisar atualizar manualmente a UI.

Exemplo de uso:

var count by mutableStateOf(0)

Button(onClick = { count++ }) {
    Text("Pressionado $count vezes")
}

Aqui, a cada clique no botão, o valor de count aumenta, e o texto é atualizado automaticamente graças ao sistema de rastreamento de estado implementado através de mutableStateOf.