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