Wie kann man eine Benutzeroberflächenkomponente in Jetpack Compose implementieren?

In Jetpack Compose wird eine benutzerdefinierte UI-Komponente mit einer Funktion erstellt, die mit der Annotation @Composable gekennzeichnet ist. Diese Funktion beschreibt, wie ein Interface-Element aussehen und sich verhalten soll.

Beispiel für eine einfache Button-Komponente:

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

Um die Komponente zu verwenden, rufen Sie sie einfach innerhalb eines anderen @Composable auf:

@Composable
fun Screen() {
    MyButton(onClick = { /* Aktion beim Klicken */ }, text = "Klick mich")
}

Auf diese Weise ist die Erstellung von UI-Komponenten in Compose eine deklarative Beschreibung der Benutzeroberfläche durch Funktionen, was die Entwicklung und Wartung des Codes vereinfacht.