VStack
Parte de la sección Introducción a SwiftUI del Journey de Swift de Coddy. Lección 9 de 50.
Un cuerpo devuelve una vista. Para mostrar varias, colócalas en una pila. VStack organiza sus vistas de arriba abajo:
VStack {
Text("Coddy Cafe")
.font(.title)
Text("Open 8:00 to 18:00")
}Las vistas van dentro de las llaves, una por línea, en el orden en que aparecen en pantalla. Cada una puede tener sus propios modificadores.
Una pila también es una vista, así que puedes aplicar estilos a la propia pila. Un modificador en la pila se aplica a las vistas que contiene y que no establecen uno propio:
VStack {
Text("Coffee")
Text("Tea")
}
.font(.headline)
Desafío
PrincipianteMuestra una tarjeta de contacto: un VStack con dos textos, Ada Lovelace arriba y Engineer debajo. Aplica la fuente .title al nombre.
Pruébalo tú mismo
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Ponte a pruebaEsta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
Todas las lecciones de Introducción a SwiftUI
2Mostrar contenido
Vistas de textoNúmeros en el textoFuentesColoresSF SymbolsRepaso: etiqueta de precioPractica por tu cuenta: Playground de Swift