Menu
Coddy logo textTech

Список

Часть раздела Введение в SwiftUI путешествия по Swift на Coddy. Урок 31 из 50.

List отображает строки в прокручиваемом сгруппированном стиле приложения «Настройки». Он принимает коллекцию и замыкание для каждой строки, например ForEach:

List(books) { book in
    Text(book.title)
}

Список также может содержать фиксированные строки, а Section группирует строки под заголовком:

List {
    Section("Reading") {
        Text("Dune")
    }
    Section("Finished") {
        ForEach(finished, id: \.self) { title in
            Text(title)
        }
    }
}

Каждая строка может содержать любое представление: HStack со значком, текстом и Spacer — это типичная строка.

challenge icon

Задание

Легко

Покажите плейлист в виде List: по одной строке на каждую песню, с идентификатором songs у списка. Каждая строка представляет собой HStack с символом music.note и названием песни.

Попробуйте сами

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
quiz iconПроверьте себя

В этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.

Все уроки раздела Введение в SwiftUI

Потренируйтесь самостоятельно: Песочница Swift