В 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 — это декларативное описание интерфейса через функции, что упрощает разработку и поддержку кода.

Каким образом можно реализовать пользовательский интерфейсный компонент в Jetpack Compose?