Alineación y espaciado
Parte de la sección Introducción a SwiftUI del Journey de Swift de Coddy. Lección 11 de 50.
Un VStack centra sus vistas y deja un pequeño espacio no predeterminado entre ellas. Ambos se pueden cambiar al crear la pila:
VStack(alignment: .leading, spacing: 12) {
Text("Order #42")
.font(.headline)
Text("2 coffees")
Text("Ready at 10:30")
}alignment: .leading alinea las vistas en el borde izquierdo (.trailing es el borde derecho). spacing: 12 coloca 12 puntos entre cada par de vistas.
Un HStack se alinea verticalmente en su lugar: .top, .center o .bottom:
HStack(alignment: .top, spacing: 20) {
Text("Left")
Text("Right")
}
Desafío
FácilHaz que el recibo se lea como una lista: establece la alineación de VStack en .leading y su espaciado en 12.
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