Jak lze implementovat komponentu uživatelského rozhraní v Jetpack Compose?

V Jetpack Compose je vlastní UI komponenta vytvářena pomocí funkce označené anotací @Composable. Tato funkce popisuje, jak by měl vypadat a chovat se prvek rozhraní.

Příklad jednoduché komponenty tlačítka:

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

Pro použití komponenty ji jednoduše zavolejte uvnitř jiného @Composable:

@Composable
fun Screen() {
    MyButton(onClick = { /* akce při kliknutí */ }, text = "Klikni na mě")
}

Tímto způsobem je tvorba UI komponent v Compose deklarativním popisem rozhraní přes funkce, což usnadňuje vývoj a údržbu kódu.