静的な List の作成
スクロール可能な行のリストを作成します。
「静的な List の作成」はCoddyKit上の無料SwiftUI Academyレッスンです。 これはレッスン1/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはSwiftUI Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 SwiftUI Academyコースには全4レッスンが含まれています。
このレッスンの一部はまだ翻訳されておらず、英語で表示されています。
Meet List
A List is SwiftUI's go-to container for showing rows of content in a clean, scrolling column. 📜
List {
Text("First row")
Text("Second row")
}Rows Are Just Views
Anything you put inside a List becomes a row. A plain Text, an Image, or a whole stack each get their own tidy row.
List {
Text("Apples")
Image(systemName: "star")
}It Scrolls for Free
You never wire up scrolling yourself. A List automatically scrolls when its rows overflow the screen.
Built-in Styling
Each row arrives with system separators, inset padding, and tap highlighting, so your list looks native instantly.
Rich Rows
Put an HStack inside a row to mix an icon and a label side by side, just like settings screens do.
List {
HStack {
Image(systemName: "wifi")
Text("Network")
}
}Multiple Lines per Row
A VStack inside a row stacks a title over a subtitle, giving each row two clear lines of detail like a contacts entry.
List {
VStack(alignment: .leading) {
Text("Title")
Text("Subtitle")
}
}List vs ScrollView
Reach for a List when you want row styling and separators; use a ScrollView for free-form, custom layouts.
Mixing Row Types
A static List can hold totally different rows, like a header Text followed by an HStack control. Each line stands on its own.
List {
Text("Settings")
Toggle("Wi-Fi", isOn: .constant(true))
}Plenty of Rows
Add as many rows as you like and the List stays smooth, only rendering what is currently on screen.
Tap Feedback
Rows highlight on touch automatically, so a List feels interactive even before you add any tap actions.
Where Lists Shine
Settings, menus, and inboxes are all List at heart. It is the backbone of most iOS screens you use daily. ✨
Quick Check
Think about how rows are created.
Recap
You met List: a scrolling container where each view inside becomes a styled, tappable row, perfect for menus and settings. 🎉
よくある質問
「静的な List の作成」レッスンは無料ですか？
はい。「静的な List の作成」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、SwiftUI Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 SwiftUI Academyコースには全4レッスンが含まれています。
「静的な List の作成」で何を学びますか？
スクロール可能な行のリストを作成します。 ブラウザで直接実行するハンズオンコードでSwiftUI Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。
SwiftUI Academyを始めるのに経験は必要ですか？
事前経験は必要ありません。CoddyKitのSwiftUI Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン1/4です。
「静的な List の作成」レッスンにはどのくらい時間がかかりますか？
ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。
このSwiftUI Academyレッスンでコードを書いて実行できますか？
はい。すべてのSwiftUI Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。