El Composable Text
Muestre una cadena y controle sus aspectos básicos.
El Composable Text es una lección gratuita de Jetpack Compose Academy en CoddyKit. Esta es la lección 1 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de Jetpack Compose Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de Jetpack Compose Academy incluye 4 lecciones en total.
Partes de esta lección aún no han sido traducidas y se muestran en inglés.
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. 🎉
Preguntas frecuentes
¿La lección «El Composable Text» es gratis?
Sí — el texto completo de «El Composable Text» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de Jetpack Compose Academy, actualiza a CoddyKit PRO. El curso de Jetpack Compose Academy incluye 4 lecciones en total.
¿Qué aprenderé en «El Composable Text»?
Muestre una cadena y controle sus aspectos básicos. Practicas Jetpack Compose Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.
¿Necesito experiencia previa para empezar Jetpack Compose Academy?
No se requiere experiencia previa. Jetpack Compose Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 1 de 4.
¿Cuánto tiempo toma la lección «El Composable Text»?
La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.
¿Puedo escribir y ejecutar código en esta lección de Jetpack Compose Academy?
Sí. Cada lección de Jetpack Compose Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.
Todas las lecciones de este curso
- El Composable Text
- Tamaño, peso y estilo de fuente
- Color, alineación y desbordamiento
- AnnotatedString: texto enriquecido combinado