Поваренная книга SwiftUI: List View в SwiftUI

Представление List в SwiftUI — это мощный инструмент для отображения списка элементов в прокручиваемом виде. Он обычно используется для представления данных в организованном и удобном для чтения формате. В этой статье вы узнаете, как добавить представление List в приложение SwiftUI.

Представьте, что вы хотите создать простое приложение со списком дел. Вот пример того, как можно использовать представление 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)
    }
  }
}

В окне предварительного просмотра должно появиться следующее изображение:

Пример представления списка в SwiftUI.

В коде мы сначала создаем структуру ContentView, соответствующую протоколу View. Внутри этой структуры мы определяем массив задач, которые мы хотим отобразить в представлении List.

Затем мы используем представление List с массивом tasks в качестве источника данных. Параметр id представляет собой уникальный идентификатор для каждого элемента списка, который необходим SwiftUI для эффективного обновления представления. Мы используем \.self, чтобы указать, что в качестве идентификатора мы хотим использовать саму строку задачи.

Наконец, мы используем closure, чтобы указать, как каждая задача должна отображаться в представлении списка. В данном случае мы просто отображаем задачу в виде текстового представления.

Более подробную информацию можно найти в разделе «Списки и навигация в SwiftUI».

Предложите исправление: выделите текст и нажмите Ctrl+ Enter

← Предыдущая статья: NavigationStack

Источник