📦List

SwiftUI ⟩ lists ⟩ List

A List displays any number of views in a scrolling vertical column, optionally providing the ability to select one or more members.

// ⭐️ list consisting of a single type
List(1..<5) { Text("Item \($0)") }
List(names, id: \.self) { Text("Item \($0)") }

// ⭐️ static subviews
List {
    Text("1")
    Text("2")
    Text("3")
}

// ⭐️ static & dynamic subviews
List {
    
    // ⭐️ static
    Toggle(isOn: $showFavoritesOnly) {
        Text("Favorites Only")
    }
    
    // ⭐️ dynamic
    ForEach(filteredLandmarks) { landmark in
        NavigationLink {
            LandmarkDetail(landmark: landmark)
        } label: {
            LandmarkRow(landmark: landmark)
        }
    }
    
}.navigationTitle("Landmarks")

🔴

• ListStyle

• List vs. ForEach

• view groupings

• list background color -

👥

• ListStyle

• NavigationView

• ＠Binding

• seq.grouped(by:) - 將 Array 變成 Dictionary

• can add Section header/footer.

• view groupings

• ForEach

⭐️

To combine static and dynamic views in a List, or to combine two or more different groups of dynamic views, use the ForEach type instead of passing your collection of data to List.

👉 SwiftUI Tutorials ⟩ Handling User Input ⟩ Sec. 3: Add a Control to Toggle the State

List vs. ForEach

• ForEach is a view that lets you pass a collection of data to its initializer and then creates multiple "subviews" from the closure you provide.

• List is a view that can compose multiple views together, but not necessarily views of the same type. You can simply add multiple views without any loop.
• As a convenience, the List initializer allows you to use it just like the ForEach view in case you want to have a list consisting of a single type only.

Container	可容納不同類的項目	可捲動
List	✅	✅
ForEach	❌	❌

📗

• Paul ⟩ Working with Identifiable items in SwiftUI
• Sarun ⟩

  • List view, a UITableView equivalent in SwiftUI
  • How to change SwiftUI list row background color
  • How to change List Row separator color in SwiftUI

📘

• SwiftUI ⟩ Lists ⟩ List
• SwiftUI ⟩

  • Collection Containers ⟩ List (struct)
  • View Modifiers ⟩

    • listRowInsets(_:) - applies an inset to the rows in a list.
• Foundation ⟩ Numbers, Data, and Basic Values ⟩ UUID (struct)

❓

• What is the difference between List and ForEach in SwiftUI? ⭐️