Kaip įgyvendinti naudotojo sąsajos komponentą Jetpack Compose?

Jetpack Compose'e personalizuotas UI komponentas sukuriamas naudojant funkciją, pažymėtą anotacija @Composable. Ši funkcija aprašo, kaip turėtų atrodyti ir elgtis sąsajos elementas.

Pavyzdys paprasto mygtuko komponento:

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

Norint naudoti komponentą, tiesiog iškvieskite jį kitame @Composable:

@Composable
fun Screen() {
    MyButton(onClick = { /* veiksmas paspaudus */ }, text = "Paspausk mane")
}

Taip, UI komponentų kūrimas Compose yra deklaratyvus aprašymas per funkcijas, kas palengvina kodo kūrimą ir priežiūrą.