The Util Designer
SwiftUI ForEach元件基本使用
xcode 13.4.1, swift 5.5, iOS 15.4
2022-08-16
ForEach的元件是為了讓我們可以簡單的把類似的子元件全部顯示出來的元件,避免重複性程式碼。
1. 若想顯示一個列表,可以一個一個的羅列出來。
import SwiftUI

struct ForEachExample: View {
    let items = ["One", "Two", "Three", "Four", "Five"]
    var body: some View {
        VStack {
            Text(items[0])
            Divider()
            Text(items[1])
            Divider()
            Text(items[2])
            Divider()
            Text(items[3])
            Divider()
            Text(items[4])
            Divider()
        }
    }
}
2. 但若是列表的個數不是預先知道,或數目太多,羅列的方法都不太實際,這時ForEach就可以幫我們解決以上的問題實作如下,:
import SwiftUI

struct ForEachExample : View {
    let items = ["One", "Two", "Three", "Four", "Five", "Six"]
    var body: some View {
        VStack {
            ForEach(items, id: \.self) { item in
                Text(item)
                Divider()
            }
        }
    }
}