Avatar ·

Comment centrer le contenu d'une Column dans Jetpack Compose ?

Bonjour ! Je viens de commencer à apprendre Jetpack Compose et j'ai rencontré un problème apparemment simple : je dois placer plusieurs éléments à l'intérieur d'une Column au centre de l'écran, mais je n'y arrive pas.

Voici mon code :

@Composable
fun MyScreen() {
    Column(
        modifier = Modifier.fillMaxSize()
    ) {
        Text("Bonjour le monde !")
        Button(onClick = { }) {
            Text("Cliquez-moi")
        }
        Text("Texte du bas")
    }
}

Tout est collé dans le coin supérieur gauche. J'ai essayé différents modificateurs : Modifier.align(Alignment.CenterHorizontally) sur chaque élément — cela ne fonctionne qu'horizontalement, mais verticalement ils restent en haut. J'ai essayé d'ajouter Modifier.weight(1f) — c'est devenu pire, les éléments se sont étirés. J'ai essayé verticalArrangement avec Arrangement.Center — cela n'a pas non plus donné l'effet souhaité.

Dites-moi comment faire pour que toute la colonne s'affiche