Como centralizar o conteúdo de uma Column no Jetpack Compose?
Olá! Comecei a estudar Jetpack Compose recentemente e me deparei com uma tarefa aparentemente simples: preciso colocar vários elementos dentro de uma Column no centro da tela, mas não estou conseguindo.
Aqui está meu código:
@Composable
fun MyScreen() {
Column(
modifier = Modifier.fillMaxSize()
) {
Text("Olá, mundo!")
Button(onClick = { }) {
Text("Clique em mim")
}
Text("Texto inferior")
}
}
Tudo fica preso no canto superior esquerdo. Tentei vários modificadores: Modifier.align(Alignment.CenterHorizontally) em cada elemento — isso funciona apenas na horizontal, mas na vertical eles continuam no topo. Tentei adicionar Modifier.weight(1f) — piorou, os elementos se esticaram. Tentei verticalArrangement com Arrangement.Center — também não deu o efeito desejado.
Alguém pode me ajudar a fazer com que toda a coluna seja exibida no centro da tela?