Kā īstenot lietotāja saskarnes komponenti Jetpack Compose?

Jetpack Compose iekšā, pielāgotu UI komponentu izveido ar funkciju, kas ir atzīmēta ar @Composable. Šī funkcija apraksta, kā izskatīsies un uzvedīsies interfeisa elements.

Piemērs vienkāršam pogas komponentam:

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

Lai izmantotu komponentu, vienkārši izsauciet to citā @Composable:

@Composable
fun Screen() {
    MyButton(onClick = { /* darbība klikšķa laikā */ }, text = "Nospied mani")
}

Tādējādi, UI komponentu izveide Compose ir deklaratīvs interfeisa apraksts ar funkcijām, kas atvieglo koda izstrādi un uzturēšanu.