Jak można zaimplementować komponent interfejsu użytkownika w Jetpack Compose?

W Jetpack Compose niestandardowy komponent UI tworzony jest za pomocą funkcji oznaczonej adnotacją @Composable. Taka funkcja opisuje, jak ma wyglądać i zachowywać się element interfejsu.

Przykład prostego komponentu przycisku:

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

Aby użyć komponentu, wystarczy wywołać go wewnątrz innego @Composable:

@Composable
fun Screen() {
    MyButton(onClick = { /* akcja po kliknięciu */ }, text = "Kliknij mnie")
}

W ten sposób tworzenie komponentów UI w Compose to deklaratywny opis interfejsu za pomocą funkcji, co upraszcza rozwój i utrzymanie kodu.