Avatar ·

Wie zentriere ich den Inhalt einer Column in Jetpack Compose?

Hallo! Ich habe gerade angefangen, Jetpack Compose zu lernen, und bin auf eine scheinbar einfache Aufgabe gestoßen: Ich möchte mehrere Elemente innerhalb einer Column in der Mitte des Bildschirms platzieren, aber es funktioniert nicht.

Hier ist mein Code:

@Composable
fun MyScreen() {
    Column(
        modifier = Modifier.fillMaxSize()
    ) {
        Text("Hallo, Welt!")
        Button(onClick = { }) {
            Text("Klick mich")
        }
        Text("Unterer Text")
    }
}

Alles wird in die obere linke Ecke gedrückt. Ich habe verschiedene Modifier ausprobiert: Modifier.align(Alignment.CenterHorizontally) auf jedem Element – das funktioniert nur horizontal, aber vertikal bleiben sie oben. Ich habe versucht, Modifier.weight(1f) hinzuzufügen – es wurde schlimmer.