Cor, Alinhamento e Transbordamento
Aplique cor ao texto e trate conteúdos longos com elegância.
Cor, Alinhamento e Transbordamento é uma aula grátis de Jetpack Compose Academy no CoddyKit. Esta é a aula 3 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de Jetpack Compose Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de Jetpack Compose Academy inclui 4 aulas no total.
Partes desta aula ainda não foram traduzidas e aparecem em inglês.
Beyond Black Text
Default text adopts your theme color, but you often want a specific tint. Compose lets you set color and handle long content with ease.
Tint with color
Pass a color to recolor any Text. Use Color values directly, or pull semantic colors from MaterialTheme for theme-aware results.
Text("Error", color = Color.Red)Prefer Theme Colors
Hardcoded colors break in dark mode. Reach for MaterialTheme.colorScheme so your text stays readable on every background.
Text("Hi", color = MaterialTheme.colorScheme.primary)Align the Text
Control horizontal alignment with textAlign. Center a title or justify a paragraph; it only matters when Text has width to fill.
Text("Centered", textAlign = TextAlign.Center)Alignment Needs Width
For textAlign to show, the Text must be wider than its words, usually via fillMaxWidth. Otherwise it hugs the text and nothing shifts.
Text("Hi", modifier = Modifier.fillMaxWidth(),
textAlign = TextAlign.Center)The Overflow Problem
Real data can be longer than your space. Without a plan, text may push your layout or get awkwardly clipped. Overflow handling fixes this.
Cap with maxLines
Limit height by setting maxLines. The text will draw at most that many lines and quietly stop, keeping rows a predictable size.
Text(longBio, maxLines = 2)Show an Ellipsis
Pair maxLines with overflow = TextOverflow.Ellipsis to trail off with three dots, signaling there is more to read.
Text(longBio, maxLines = 1,
overflow = TextOverflow.Ellipsis)Other Overflow Modes
TextOverflow also offers Clip, which simply cuts at the edge, and Visible, which lets text spill out. Ellipsis is the friendliest default. 🙂
Min Lines for Stability
Use minLines to reserve space so a card does not jump in height when one item has shorter text than another in a list.
Text(caption, minLines = 2, maxLines = 2)Polished, Predictable Text
Color makes meaning clear, alignment guides the eye, and overflow rules keep layouts stable no matter how long the real data gets.
Quick Check
You want a one-line label that ends with three dots when too long. What do you set?
Recap
You learned to tint text with color, position it using textAlign, and tame long content with maxLines plus overflow. Layouts stay tidy. ✨
Perguntas Frequentes
A aula “Cor, Alinhamento e Transbordamento” é grátis?
Sim — o texto completo de “Cor, Alinhamento e Transbordamento” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de Jetpack Compose Academy, atualize para CoddyKit PRO. O curso de Jetpack Compose Academy inclui 4 aulas no total.
O que vou aprender em “Cor, Alinhamento e Transbordamento”?
Aplique cor ao texto e trate conteúdos longos com elegância. Você pratica Jetpack Compose Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.
Preciso ter experiência prévia para começar Jetpack Compose Academy?
Nenhuma experiência prévia é necessária. Jetpack Compose Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 3 de 4.
Quanto tempo leva a aula “Cor, Alinhamento e Transbordamento”?
A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.
Posso escrever e executar código nesta aula de Jetpack Compose Academy?
Sim. Cada aula de Jetpack Compose Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.
Todas as aulas deste curso
- A Composable Text
- Tamanho, Peso e Estilo da Fonte
- Cor, Alinhamento e Transbordamento
- AnnotatedString: Texto Misto Formatado