Avatar ·

Cómo centrar el contenido de una Column en Jetpack Compose

¡Hola! Acabo de empezar a aprender Jetpack Compose y me encontré con una tarea aparentemente simple: necesito colocar varios elementos dentro de Column en el centro de la pantalla, pero no lo logro.

Aquí está mi código:

@Composable
fun MyScreen() {
    Column(
        modifier = Modifier.fillMaxSize()
    ) {
        Text("¡Hola, mundo!")
        Button(onClick = { }) {
            Text("Púlsame")
        }
        Text("Texto inferior")
    }
}

Todo se pega a la esquina superior izquierda. Probé diferentes modifiers: Modifier.align(Alignment.CenterHorizontally) en cada elemento — esto solo funciona horizontalmente, pero verticalmente siguen arriba. Intenté agregar Modifier.weight(1f) — empeoró, los elementos se estiraron. Probé verticalArrangement con Arrangement.Center — tampoco dio el efecto deseado.

Díganme cómo hacer para que toda la columna se muestre