Come si può implementare un componente dell'interfaccia utente in Jetpack Compose?

In Jetpack Compose, un componente UI personalizzato viene creato utilizzando una funzione contrassegnata con l'annotazione @Composable. Questa funzione descrive come deve apparire e comportarsi un elemento dell'interfaccia.

Esempio di un semplice componente di pulsante:

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

Per usare il componente, basta chiamarlo all'interno di un altro @Composable:

@Composable
fun Screen() {
    MyButton(onClick = { /* azione al clic */ }, text = "Cliccami")
}

In questo modo, la creazione di componenti UI in Compose è una descrizione dichiarativa dell'interfaccia tramite funzioni, che semplifica lo sviluppo e la manutenzione del codice.