Comment peut-on implémenter un composant d'interface utilisateur dans Jetpack Compose?

Dans Jetpack Compose, un composant UI personnalisé est créé à l'aide d'une fonction marquée avec l'annotation @Composable. Cette fonction décrit l'apparence et le comportement d'un élément d'interface.

Exemple d'un composant simple de bouton :

@Composable
fun MyButton(onClick: () -> Unit, text: String) {
    Button(onClick = onClick) {
        Text(text)
    }
}

Pour utiliser le composant, il suffit de l'appeler à l'intérieur d'un autre @Composable :

@Composable
fun Screen() {
    MyButton(onClick = { /* action au clic */ }, text = "Clique moi")
}

Ainsi, la création de composants UI dans Compose est une description déclarative de l'interface via des fonctions, ce qui facilite le développement et la maintenance du code.