Ako implementovať komponentu používateľského rozhrania v Jetpack Compose?

V Jetpack Compose sa vlastná UI komponenta vytvára pomocou funkcie označenej anotáciou @Composable. Táto funkcia popisuje, ako by mal vyzerať a správať sa prvok rozhrania.

Príklad jednoduchého komponentu tlačidla:

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

Na použitie komponentu ho jednoducho zavolajte vo vnútri iného @Composable:

@Composable
fun Screen() {
    MyButton(onClick = { /* akcia pri kliknutí */ }, text = "Klikni na mňa")
}

Týmto spôsobom je tvorba UI komponentov v Compose deklaratívnym opisom rozhrania pomocou funkcií, čo uľahčuje vývoj a údržbu kódu.