Menu
CoddyTech

列表

本课属于 Coddy Swift 学习旅程的“SwiftUI 入门”单元。第 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)
        }
    }
}

每一行都可以容纳任意视图:带有图标、文本和 Spacer 的 HStack 是一种典型的行。

challenge icon

挑战

简单

将播放列表显示为一个 List:每首歌曲占一行,并在列表上设置标识符 songs。每一行都是一个 HStack,包含 music.note 符号和歌曲名称。

亲手试试

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
quiz icon自我测试

这节课包含一个小测验。开始学习即可作答,并记录你的进度。

SwiftUI 入门中的所有课

自己练习: SwiftUI 在线编辑器