Menu
Coddy logo textTech

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.

challenge icon

Desafío

Fácil

Muestra 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()
        }
    }
}
quiz iconPonte a prueba

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

Practica por tu cuenta: Playground de Swift