Menu
CoddyTech

Danh sách

Thuộc phần Giới thiệu về SwiftUI trong hành trình Swift của Coddy. Bài học 31 trên 50.

List hiển thị các hàng theo kiểu nhóm có thể cuộn như trong ứng dụng Settings. Nó nhận một tập hợp và một closure cho mỗi hàng, như ForEach:

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

Một danh sách (list) cũng có thể có các hàng cố định, và Section nhóm các hàng bên dưới một tiêu đề:

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

Mỗi hàng có thể chứa bất kỳ chế độ xem nào: một HStack có biểu tượng, văn bản và Spacer là một hàng thường gặp.

challenge icon

Thử thách

Dễ

Hiển thị danh sách phát dưới dạng List: mỗi bài hát một hàng, với mã định danh songs trên danh sách. Mỗi hàng là một HStack gồm biểu tượng music.note và tên bài hát.

Tự làm thử

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
quiz iconTự kiểm tra

Bài học này có một bài trắc nghiệm ngắn. Bắt đầu bài học để trả lời và theo dõi tiến độ.

Tất cả bài học trong Giới thiệu về SwiftUI

Tự luyện tập: Playground SwiftUI