Composable Text
Отображайте строку и управляйте её основными параметрами.
«Composable Text» — бесплатный урок Jetpack Compose Academy на CoddyKit. Это урок 1 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Jetpack Compose Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Jetpack Compose Academy содержит 4 уроков всего.
Части этого урока еще не переведены и отображаются на английском.
Meet Text
In Compose, you put words on screen with the Text composable. It is the simplest building block you will use in almost every screen.
Pass a String
Give Text a string and it renders instantly. No XML, no findViewById, just a function call describing what you want shown.
Text("Hello, Compose!")It Is Just a Function
Text is a composable function, not a class you inflate. You call it inside other composables, exactly like calling any Kotlin function. 🙂
Where Text Lives
You write Text inside a composable function such as your screen. Compose reads your code top to bottom and draws each element it finds.
@Composable
fun Greeting() {
Text("Welcome")
}Default Styling
With no extra arguments, Text uses sensible defaults from your theme: a readable size, the on-surface color, and the standard font.
Strings from Resources
For real apps, pull text from stringResource instead of hardcoding. This keeps your app translatable into every language you ship.
Text(stringResource(R.string.greeting))Combine with Variables
Because it is plain Kotlin, you can build the string from variables and templates before passing it to Text. Logic and UI live together.
val name = "Ada"
Text("Hi, " + name)Many Texts, One Screen
Need several lines? Just call Text multiple times. Each call is one independent element you can style on its own later.
maxLines Keeps It Tidy
Long content can be capped with maxLines so a label never grows taller than you expect. It simply stops drawing extra lines.
Text("A very long bio...", maxLines = 1)Reacts to State
When the string you pass changes, Text redraws automatically. You never call an update method; Compose tracks the value for you.
Your First Words
That is the whole idea: describe the text you want, and Compose paints it. Everything fancier is just extra arguments on this same call.
Quick Check
Which line correctly shows a greeting in Compose?
Recap
You met Text, the core composable for showing words. Pass it a string, lean on theme defaults, and it redraws whenever the value changes. 🎉
Часто задаваемые вопросы
Урок «Composable Text» бесплатный?
Да — полный текст урока «Composable Text» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Jetpack Compose Academy, подпишись на CoddyKit PRO. Курс Jetpack Compose Academy содержит 4 уроков всего.
Чему я научусь в уроке «Composable Text»?
Отображайте строку и управляйте её основными параметрами. Ты практикуешь Jetpack Compose Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.
Нужен ли мне опыт, чтобы начать Jetpack Compose Academy?
Предыдущий опыт не требуется. Jetpack Compose Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 1 из 4.
Сколько времени занимает урок «Composable Text»?
Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.
Можно ли писать и запускать код в этом уроке Jetpack Compose Academy?
Да. Каждый урок Jetpack Compose Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.
Все уроки этого курса
- Composable Text
- Размер, насыщенность и стиль шрифта
- Цвет, выравнивание и переполнение
- AnnotatedString: форматированный смешанный текст