列表
本课属于 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 是一种典型的行。
挑战
简单将播放列表显示为一个 List:每首歌曲占一行,并在列表上设置标识符 songs。每一行都是一个 HStack,包含 music.note 符号和歌曲名称。
亲手试试
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}这节课包含一个小测验。开始学习即可作答,并记录你的进度。
SwiftUI 入门中的所有课
自己练习: SwiftUI 在线编辑器