前言

在 2025 年，SwiftUI 的 List 與 ForEach 依然是開發者建立滑動列表的核心工具。它們不僅簡化了列表的建立過程，還提供了靈活的元素響應能力。本文將介紹 SwiftUI 中 List 和 ForEach 的最先進用法，並提供實作範例，讓你能迅速上手。

List 和 ForEach 的基本用法

使用 List 和 ForEach 可以快速建立一個可滑動的列表。以下是基本範例：

struct ContentView: View {
    var body: some View {
        List {
            ForEach(0..<10) { index in
                Text("Item \(index)")
            }
        }
    }
}

上面的程式碼會建立一個列表，顯示從 0 到 9 的項目。這是入門級的範例，讓你了解如何使用 List 和 ForEach。

List 和 ForEach 的高級用法

你可以利用 List 和 ForEach 進行更複雜的操作，例如根據條件顯示不同的內容：

struct ContentView: View {
    var body: some View {
        List {
            ForEach(0..<10) { index in
                if index % 2 == 0 {
                    Text("Item \(index)")
                } else {
                    Text("Odd Item \(index)")
                }
            }
        }
    }
}

這段程式碼會根據索引的奇偶性，顯示不同的文本。這是利用 SwiftUI 的條件邏輯來增強用戶界面的一個簡單示範。

錯誤排除與最佳實踐

在使用 List 和 ForEach 時，開發者可能會遇到一些常見的錯誤。例如，若使用的資料不符合預期，可能會導致列表無法正常顯示。以下是一些錯誤排除的建議：

1. **資料源確認**：確保 ForEach 中的資料源正確且符合 SwiftUI 的預期格式。
2. **唯一標識符**：若使用自定義資料模型，請確保每個元素都有唯一的標識符，以避免渲染問題。

延伸應用

List 和 ForEach 不僅限於顯示靜態內容，你還可以將其應用於更複雜的界面交互。例如，結合 SwiftUI 的狀態管理，讓列表項目可以被點擊以顯示詳情或執行特定操作。這樣的應用能提升用戶體驗，使應用程式更具互動性。

結論

SwiftUI 的 List 和 ForEach 是構建動態、響應式用戶界面的重要工具。隨著 SwiftUI 的不斷更新，開發者應持續學習新語法與最佳實踐，以提升開發效率和應用質量。

Q&A（常見問題解答）

Q1: List 和 ForEach 的區別是什麼？

A1: List 是一個容器，用於顯示可滑動的列表，而 ForEach 是用於遍歷集合並生成列表項目的工具。List 通常包含 ForEach 來生成其內容。

Q2: 如何在 List 中使用自定義資料模型？

A2: 在 List 中，你可以使用自定義資料模型，確保每個模型都符合 Identifiable 協議，這樣 SwiftUI 就能夠正確識別和渲染每個項目。

SwiftUI 中的 List 和 ForEach
---

Categorized in:

iOSswift

Tagged in:

,