Menu
CoddyTech

ForEach

Parte da seção Introdução ao SwiftUI do Journey de Swift da Coddy. Lição 29 de 50.

ForEach cria uma visualização para cada elemento de uma coleção:

let fruits = ["Apple", "Banana", "Cherry"]

var body: some View {
    VStack {
        ForEach(fruits, id: \.self) { fruit in
            Text(fruit)
        }
    }
}

O closure recebe cada elemento e retorna sua view. O SwiftUI precisa de uma forma de diferenciar as linhas, então solicita um id. id: \.self usa o próprio valor, o que funciona quando cada elemento é diferente.

Um intervalo de números também funciona, sem id:

ForEach(1..<4) { number in
    Text("Row \(number)")
}

Isso mostra Row 1, Row 2 e Row 3: 1..<4 para antes de 4.

challenge icon

Desafio

Fácil

Exiba o menu: dentro do VStack, use ForEach para criar um Text para cada bebida em drinks, na ordem.

Experimente você mesmo

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
quiz iconTeste seus conhecimentos

Esta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.

Todas as lições de Introdução ao SwiftUI

Pratique por conta própria: Playground de SwiftUI