Как може да се реализира компонент на потребителски интерфейс в 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 е декларативно описание на интерфейса чрез функции, което улеснява разработката и поддръжката на кода.