Published 2023-08-27

Swift - 在 SwiftUI 中添加列表视图

SwiftUI 中的 List 视图是在可滚动视图中显示项目列表的强大工具。它通常用于以一种有组织的、易于阅读的方式表示数据。在这个食谱条目中,您将学习如何向 SwiftUI 应用程序添加 List 视图。

假设您想要构建一个简单的待办事项列表应用程序。下面是如何使用 List 视图显示任务列表的示例:

struct ContentView: View {
  let tasks = ["Task 1", "Task 2", "Task 3", "Task 4", "Task 5"]

  var body: some View {
    List(tasks, id: \.self) { task in
      Text(task)
    }
  }
}

WRcuwl

在这个例子中,我们创建了一个名为 tasks 的字符串数组,然后将它传递给 List 视图。我们还使用 id 参数来告诉 SwiftUI 如何识别列表中的每个项目。在这种情况下,我们使用了 .self,这意味着 SwiftUI 将使用每个项目的值来识别它们。最后,我们使用 Text 视图来显示列表中的每个项目。