Programación de Apps iOS para iPhone con Swift y SwiftUI - LaFactoríaApple

Nuestro primer Texto con SwiftUI (Text)

Ya sabemos como crear un Proyecto en Xcode utilizando SwiftUI y también nos hemos familiarizado con el Entorno Gráfico de Xcode en Proyectos SwiftUI, así que vamos a ponernos manos a la obra y comprobaremos lo fácil que es trabajar con los Textos de nuestras Apps con SwiftUI.

Crear un Texto desde el Código Fuente

Cuando creamos un Proyecto SwiftUI se generan automáticamente una serie de Ficheros.

Para el objetivo de este artículo nos fijaremos en el fichero ContentView.swift, el cual contiene un Código Fuente que Xcode ha creado de manera predeterminada, y que se nos muestra en el Panel Central (editor de código de Xcode).

En ese Código Fuente vemos una Estructura struct llamada ContentView

Esta Estructura contiene lo que mostrará la App en la pantalla de nuestro dispositivo.

En el Código de la Estructura ContentView hay una variable llamada body, y en su interior la Palabra Reservada Text junto al texto que queremos que se muestre en la Vista.

Text("Hello, World!")

Text se utiliza para mostrar una o varias líneas de texto de solo lectura.

Si modificamos esa línea de código, cambiaremos el texto que se muestra en la pantalla.

Ejecutamos el Canvas haciendo clic sobre el botón resume y veremos el valor que hemos asignado a nuestro texto en la Preview

Crear un Texto desde la Preview

También podemos cambiar el valor del texto desde la Preview, para ello mantenemos pulsada la tecla Cmd y hacemos clic sobre el texto, apareciéndonos el Editor de SwiftUI

Elegimos la opción Show SwiftUI Inspector...

Aquí podemos cambiar el valor del texto

Y automáticamente se cambiará el Código Fuente asociado

Acabamos de comprobar lo sencillo que es mostrar un texto en la pantalla de nuetra App. Lo podemos hacer a través del Código Fuente o editando el objeto correspondiente en la Preview.

Resumiendo, utilizaremos la Palabra Reservada Text para crear nuestros elementos de texto, escribiendo el texto a mostrar entrecomillado y entre paréntesis.

Text("Nuestro Primer Texto con SwiftUI")

Apple nos ofrece en su Documentación Oficial una sección dedicada a Text:

https://developer.apple.com/documentation/swiftui/text

Más en esta Sección