Kako implementirati komponentu korisničkog interfejsa u Jetpack Compose?

У Jetpack Compose, персонализовани UI-компоненти се създават с помощта на функция, маркирана с анотацията @Composable. Тази функция описва как трябва да изглежда и да се държи елементът на интерфейса.

Пример за прост компонент на бутон:

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

За да използвате компонента, просто го повикајте вътре в друг @Composable:

@Composable
fun Screen() {
    MyButton(onClick = { /* акција при клику */ }, text = "Кликни ме")
}

Така, създаването на UI компоненти в Compose е декларативно описание на интерфейса чрез функции, което улеснява разработката и поддръжката на кода.