Cum se poate implementa un component de interfață utilizator în Jetpack Compose?

În Jetpack Compose, un component UI personalizat este creat folosind o funcție marcată cu adnotarea @Composable. Această funcție descrie cum ar trebui să arate și să se comporte un element de interfață.

Exemplu de componentă simplă de buton:

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

Pentru a utiliza componenta, pur și simplu o apelați în interiorul altui @Composable:

@Composable
fun Screen() {
    MyButton(onClick = { /* acțiune la clic */ }, text = "Apasă-mă")
}

Astfel, crearea componentelor UI în Compose este o descriere declarativă a interfeței prin funcții, ceea ce simplifică dezvoltarea și întreținerea codului.