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