Menu
Coddy logo textTech

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 Swift