SwiftUI #10: Text

El componente para mostrar un texto se llama Text. El constructor más simple (init(_:)) solo recibe el texto a mostrar.

var body: some View {
  Text("Hola mundo")
}

Modificadores

El siguiente paso naturalmente será cambiar la apariencia del texto: tamaño, peso, color, itálica, etc.

Un modificador es un método de la instancia View que crea una copia de la vista, hace algo sobre ella (la copia) y retorna la vista modificada.

Cambiar tamaño del texto

font(_:) define la fuente para el texto en una vista.

Text("Hola mundo")
  .font(.system(size: 60))
//  .font(.title)

Texto en negrita

bold() cambia el texto a negrita.

Text("Hola mundo")
  .font(.system(size: 60))
  .bold()

Cambiar el color del texto

foregroundStyle(_:) define el estilo a usar por la vista.

Text("Hola mundo")
  .font(.system(size: 60))
  .bold()
  .foregroundStyle(Color.red)

Centrar el contenido

multilineTextAlignment(_:) permite alinear el contenido de la vista como .center, .leading o .trailing.

Text("Hola mundo")
  .font(.system(size: 60))
  .bold()
  .foregroundStyle(Color.red)
  .multilineTextAlignment(.center)

Fijar límite de líneas

lineLimit(_:) define el número de líneas máximo que puede ocupar el texto en esta vista.

El valor por defecto es nil lo cual implica que el texto tomará tantas líneas como sean necesarias.

Text("Hola mundo")
  .font(.system(size: 60))
  .bold()
  .foregroundStyle(Color.red)
  .multilineTextAlignment(.center)
  .lineLimit(1)