🎁List

SwiftUI ⟩ container ⟩ collection ⟩ List

⭐️

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	❌	❌

🔴

• ListStyle

• List vs. ForEach

• Lists

• list background color -

💈

⭐️ convenient init

// 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")
}
// equivalent to:
//   List(1..<4){ Text("\($0)") }

⭐️ static & dynamic subviews

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

📗

• 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 ⟩

  • Collection Containers ⟩ List (struct)

  • View Modifiers ⟩

    • listRowInsets(_:) - applies an inset to the rows in a list.

• Foundation ⟩ Numbers, Data, and Basic Values ⟩ UUID (struct)

👥

• ListStyle

• NavigationView

• Binding

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

• can add Section header/footer.

• Lists

🗣

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