ForEach
CoddyのSwiftジャーニー「SwiftUI入門」セクションの一部。レッスン 29/50。
ForEachは、コレクションの各要素に対して1つのビューを作成します：
let fruits = ["Apple", "Banana", "Cherry"]
var body: some View {
VStack {
ForEach(fruits, id: \.self) { fruit in
Text(fruit)
}
}
}クロージャは各要素を受け取り、そのビューを返します。SwiftUI は行を区別する方法を必要とするため、id を要求します。id: \.self は値自体を使用するため、すべての要素が異なる場合に機能します。
数値の範囲も、idなしで使用できます。
ForEach(1..<4) { number in
Text("Row \(number)")
}これはRow 1、Row 2、Row 3を示します：1..<4は4の前で停止します。
チャレンジ
簡単メニューを表示します：VStack の中で、ForEach を使って、drinks に含まれる各ドリンクに対して順番に 1 つの Text を作成します。
自分で試してみよう
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
腕試しこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
SwiftUI入門のすべてのレッスン
自分で練習してみよう: Swiftプレイグラウンド