ForEach
Parte de la sección Introducción a SwiftUI del Journey de Swift de Coddy. Lección 29 de 50.
ForEach crea una vista para cada elemento de una colección:
let fruits = ["Apple", "Banana", "Cherry"]
var body: some View {
VStack {
ForEach(fruits, id: \.self) { fruit in
Text(fruit)
}
}
}El cierre recibe cada elemento y devuelve su vista. SwiftUI necesita una forma de distinguir las filas, así que solicita un id. id: \.self utiliza el propio valor, lo que funciona cuando cada elemento es diferente.
También funciona un rango de números, sin id:
ForEach(1..<4) { number in
Text("Row \(number)")
}Esto muestra Row 1, Row 2 y Row 3: 1..<4 se detiene antes de 4.
Desafío
FácilMuestra el menú: dentro de VStack, usa ForEach para crear un Text por cada bebida en drinks, en orden.
Pruébalo tú mismo
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}Esta 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