Как создать UI компонент в Jetpack Compose

«Как создать UI компонент в Jetpack Compose» — вопрос из категории Jetpack Compose, который задают на 23% собеседований Android Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

Создание UI компонента в Jetpack Compose начинается с объявления функции, помеченной аннотацией @Composable. Компоненты могут принимать параметры (например, текст, цвет) и использовать другие композейбл-функции внутри себя.

@Composable
fun Greeting(name: String) {
    Text(
        text = "Hello, $name!",
        modifier = Modifier.padding(16.dp),
        color = Color.Blue
    )
}

Ключевые моменты:

  • Функция не возвращает значение (Unit), а описывает UI.
  • Модификаторы (Modifier) позволяют настраивать внешний вид и поведение.
  • Компоненты могут быть переиспользованы и вложены друг в друга.

Пример вызова:

Greeting(name = "Android")