Texto multilínea y alineación
Controle los límites de línea, el ajuste de texto y la alineación.
Texto multilínea y alineación es una lección gratuita de SwiftUI Academy en CoddyKit. Esta es la lección 2 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 SwiftUI Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de SwiftUI Academy incluye 4 lecciones en total.
Partes de esta lección aún no han sido traducidas y se muestran en inglés.
When Text Gets Long
Short labels fit on one line, but paragraphs wrap. This lesson shows how to control wrapping, line limits, and alignment for longer text. 📝
Text Wraps by Default
SwiftUI wraps long text onto multiple lines automatically when there is room. You usually do not need to do anything for basic wrapping.
Text("A fairly long sentence that will wrap onto more than one line.")Limiting Lines
The lineLimit modifier caps how many lines show. Extra text is truncated with an ellipsis, which is great for previews and cards.
Text(longBio)
.lineLimit(2)Truncation Mode
Control where the cut happens with truncationMode. Choose .tail, .head, or .middle depending on which part matters most.
Text(path)
.lineLimit(1)
.truncationMode(.middle)Aligning Multiline Text
Use multilineTextAlignment to align wrapped lines left, center, or trailing. It only affects text that spans more than one line.
Text(quote)
.multilineTextAlignment(.center)Frame Versus Text Alignment
Remember the difference: frame alignment positions the whole block, while multilineTextAlignment arranges lines inside that block.
Centering a Block
To center a block and its lines, give it a wide frame and a center text alignment together. Both work as a pair.
Text(notice)
.multilineTextAlignment(.center)
.frame(maxWidth: .infinity)Line Spacing
Add breathing room between lines with lineSpacing. A few extra points often makes dense paragraphs much easier to read.
Text(article)
.lineSpacing(6)Allowing Tight Layout
When space is tight, minimumScaleFactor lets text shrink instead of truncating, keeping the whole message visible.
Text(headline)
.lineLimit(1)
.minimumScaleFactor(0.7)Fixed Size to Avoid Clipping
If wrapping text gets squeezed, fixedSize tells it to keep its ideal height so nothing gets unexpectedly clipped.
Text(message)
.fixedSize(horizontal: false, vertical: true)Putting It Together
Combine lineLimit, alignment, and spacing to craft readable cards. Small tweaks add up to a polished reading experience.
Quick Check
Which modifier aligns wrapped lines of text?
Lesson Recap
You shaped long text with lineLimit, truncation, alignment, and spacing. These tools keep paragraphs tidy and easy to read. 👍
Preguntas frecuentes
¿La lección «Texto multilínea y alineación» es gratis?
Sí — el texto completo de «Texto multilínea y alineación» 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 SwiftUI Academy, actualiza a CoddyKit PRO. El curso de SwiftUI Academy incluye 4 lecciones en total.
¿Qué aprenderé en «Texto multilínea y alineación»?
Controle los límites de línea, el ajuste de texto y la alineación. Practicas SwiftUI 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 SwiftUI Academy?
No se requiere experiencia previa. SwiftUI 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 2 de 4.
¿Cuánto tiempo toma la lección «Texto multilínea y alineación»?
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 SwiftUI Academy?
Sí. Cada lección de SwiftUI 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
- Fuentes, peso y color
- Texto multilínea y alineación
- Carga de imágenes desde los recursos
- Uso de SF Symbols