‌SwiftUI中的ForEach

‌SwiftUI中的ForEach是一个强大的视图容器，用于根据一个集合来生成一系列视图。‌ ForEach的作用类似于传统编程中的循环，但它直接与SwiftUI的视图系统集成，可以轻松创建可视化的列表或动态生成视图。

基本用法

ForEach接受一个数据集合（如数组、范围或其他可遍历的集合）和一个闭包，闭包定义了如何为集合中的每个元素创建视图。例如：

swiftCopy Code

 

import SwiftUI struct ContentView: View { let names = ["Alice", "Bob", "Charlie", "Diana"] var body: some View { VStack { ForEach(names, id: \.self) { name in Text("Hello, \(name)!") .padding() .background(Color.green) .foregroundColor(.white) .cornerRadius(8) } } } }

在这个例子中，ForEach生成了4个Text视图，每个视图显示数组中的一个名字‌1。

标识符（id）的使用

在使用ForEach时，SwiftUI需要知道每个视图的唯一标识符（ID），以便能够追踪和高效更新视图。对于简单数据类型（如字符串或整数），可以直接使用.self作为标识符。对于自定义数据类型，通常需要指定一个唯一属性作为标识符：

swiftCopy Code

 

struct Item: Identifiable { var id = UUID() var message: String } struct ContentView: View { let items = [Item(message: "hello"), Item(message: "world")] var body: some View { VStack { ForEach(items) { item in Text(item.message) } } } }

在这个例子中，每个Item都有一个唯一的UUID作为标识符‌2。

遍历字典数组

ForEach也可以遍历字典数组。为了在SwiftUI中使用ForEach遍历字典数组，需要提供唯一的标识符。例如：

swiftCopy Code

 

let user1 = ["id": 1, "name": "Alice"] let user2 = ["id": 2, "name": "Bob"] let usersArray = [user1, user2] struct ContentView: View { @State var usersArray = [user1, user2] var body: some View { VStack { ForEach(usersArray, id: \.id) { user in // 使用id作为唯一标识符 Text("Name: \(user.name)") } } } }

收起