SwiftUI Academy · Pelajaran

Membangun List Statis

Buat list baris yang dapat digulir.

Membangun List Statis adalah pelajaran SwiftUI Academy gratis di CoddyKit. Ini adalah pelajaran 1 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar SwiftUI Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus SwiftUI Academy mencakup 4 pelajaran total.

Bagian dari pelajaran ini belum diterjemahkan dan ditampilkan dalam bahasa Inggris.

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. 🎉

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Membangun List Statis” gratis?

Ya — teks lengkap “Membangun List Statis” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus SwiftUI Academy, upgrade ke CoddyKit PRO. Kursus SwiftUI Academy mencakup 4 pelajaran total.

Apa yang akan aku pelajari di “Membangun List Statis”?

Buat list baris yang dapat digulir. Kamu berlatih SwiftUI Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai SwiftUI Academy?

Tidak diperlukan pengalaman sebelumnya. SwiftUI Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 1 dari 4.

Berapa lama pelajaran “Membangun List Statis” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran SwiftUI Academy ini?

Ya. Setiap pelajaran SwiftUI Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

← Kembali ke SwiftUI Academy