Pode explicar o que é mutableStateOf no Jetpack Compose e como é usado para gerir o estado da interface?

mutableStateOf é uma função no Jetpack Compose que cria um objeto de estado que rastreia um valor modificável. Quando o valor dentro de mutableStateOf muda, o Compose redesenha automaticamente todos os componentes que usam esse estado.

Este é o método principal para gerenciar o estado da interface no Compose.

Exemplo de uso:

var counter by remember { mutableStateOf(0) }

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

Aqui, counter é um estado que armazena o número de cliques. Quando counter muda, o Compose redesenha o botão com o texto atualizado.

Assim, mutableStateOf permite criar facilmente uma UI reativa, onde as mudanças nos dados são refletidas automaticamente na tela sem a necessidade de atualizar manualmente a interface.