Como atualizar a interface no Jetpack Compose após alterar os dados?

No Jetpack Compose, a atualização da interface ocorre automaticamente quando os dados mudam, se esses dados forem observáveis. Para isso, usam-se estados (State), que ao serem alterados, provocam a redesenho dos componentes correspondentes.

Principais formas de atualizar a UI:

• Usar mutableStateOf para criar um estado mutável.
• Envolver os dados em remember ou rememberSaveable para guardar o estado.

Exemplo:

@Composable
fun Counter() {
    var count by remember { mutableStateOf(0) }

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

Aqui, a cada clique no botão, o valor de count muda, e o Compose atualiza automaticamente o texto na tela.