Form & Section — CompileDaily Study

Penjelasan

Form adalah container khusus untuk mengumpulkan input pengguna, dengan styling bawaan platform yang konsisten (mirip tampilan halaman Settings di iOS) — cocok untuk layar pengaturan, formulir pendaftaran, atau halaman edit data. Di dalam Form, kamu bisa langsung menaruh TextField, Toggle, Picker, dan kontrol lain; masing-masing otomatis mendapat styling baris yang rapi tanpa perlu diatur manual. Section dipakai untuk mengelompokkan input yang berkaitan, masing-masing dengan header dan/atau footer opsional. Mengelompokkan input jadi beberapa Section membuat formulir panjang lebih mudah dipindai secara visual — misalnya Section "Data Diri" terpisah dari Section "Preferensi Notifikasi".

Contoh Konsep

import SwiftUI

struct FormRegistrasiView: View {
    @State private var nama = ""
    @State private var email = ""
    @State private var terimaEmail = true

    var body: some View {
        Form {
            Section(header: Text("Data Diri")) {
                TextField("Nama", text: $nama)
                TextField("Email", text: $email)
            }
            Section(header: Text("Preferensi")) {
                Toggle("Terima email promo", isOn: $terimaEmail)
            }
        }
    }
}

Praktikum

Buat Form dengan Section berjudul "Akun" berisi TextField untuk username dan TextField untuk password, lalu Section kedua berjudul "Keamanan" berisi Toggle untuk verifikasi dua langkah.

Editor Latihan

Ketik/edit bebas di sini untuk latihan — kode ini tidak dijalankan.

Tips

Form sebenarnya adalah List dengan styling khusus — jadi semua trik List (seperti ForEach untuk baris dinamis, swipe-to-delete) tetap berlaku di dalamnya.