リスト
CoddyのSwiftジャーニー「SwiftUI入門」セクションの一部。レッスン 31/50。
Listは、Settingsアプリのスクロール可能なグループ化されたスタイルで行を表示します。コレクションと各行のクロージャを受け取ります。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として表示します。曲ごとに1行表示し、リストには識別子songsを設定します。各行はmusic.noteシンボルと曲名を含むHStackです。
自分で試してみよう
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
腕試しこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
SwiftUI入門のすべてのレッスン
自分で練習してみよう: Swiftプレイグラウンド