Hoe kan een gebruikersinterfacecomponent worden geïmplementeerd in Jetpack Compose?

In Jetpack Compose wordt een aangepaste UI-component gemaakt met behulp van een functie gemarkeerd met de annotatie @Composable. Deze functie beschrijft hoe een interface-element eruit moet zien en zich moet gedragen.

Voorbeeld van een eenvoudige knopcomponent:

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

Om de component te gebruiken, roep je deze gewoon aan binnen een andere @Composable:

@Composable
fun Screen() {
    MyButton(onClick = { /* actie bij klikken */ }, text = "Klik mij")
}

Zo is het maken van UI-componenten in Compose een declaratieve beschrijving van de interface via functies, wat de ontwikkeling en het onderhoud van de code vereenvoudigt.