SwiftUI Academy · Pelajaran

Membangun Baris Toggle yang Dapat Digunakan Kembali

Buat child view yang mengubah state induk.

Pelajaran 3 dari 413 langkah

Membangun Baris Toggle yang Dapat Digunakan Kembali adalah pelajaran SwiftUI Academy gratis di CoddyKit. Ini adalah pelajaran 3 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.

Komponen yang Dapat Mengedit

Mari kita buat baris yang dapat digunakan kembali untuk mengubah pengaturan. Kuncinya: baris tersebut mengubah status induk melalui @Binding. 🧩

Merancang Input

Baris tersebut memerlukan label untuk ditampilkan dan pengikatan untuk diubah. Jadi, baris ini menerima string judul dan pengikatan Bool.

Mendeklarasikan Tampilan Anak

Buat struct dengan judul biasa dan pengikatan untuk nilai yang akan dinyalakan atau dimatikan.

struct ToggleRow: View {
    let title: String
    @Binding var isOn: Bool
    var body: some View { Text("Placeholder") }
}

Membangun Body

Di dalam body, satu sakelar menampilkan judul dan menulis melalui pengikatan ketika diketuk.

var body: some View {
    Toggle(title, isOn: $isOn)
        .padding()
}

Menggunakannya di Dalam Induk

Induk memiliki pengaturan dengan @State, lalu menambahkan baris tersebut dan meneruskan nilainya dengan tanda dolar.

struct SettingsView: View {
    @State private var notify = true
    var body: some View { ToggleRow(title: "Notify", isOn: $notify) }
}

Gunakan Kembali di Mana Saja

Sekarang tambahkan sepuluh pengaturan dengan sepuluh baris, masing-masing terikat pada statusnya sendiri. Satu tampilan kecil yang digunakan kembali di seluruh layar.

ToggleRow(title: "Sound", isOn: $sound)
ToggleRow(title: "Vibrate", isOn: $vibrate)

Induk Melihat Setiap Perubahan

Ubah baris mana pun, dan @State yang sesuai milik induk akan segera diperbarui. Induk dapat merespons nilai baru tersebut seketika.

Text(notify ? "On" : "Off")
    .foregroundStyle(notify ? .green : .gray)

Jaga Anak Tetap Sederhana

Baris tersebut tidak perlu mengetahui tempat data disimpan. Baris itu hanya mengedit pengikatan yang diterimanya, sehingga mudah dipindahkan dan digunakan kembali.

Tambahkan Sedikit Gaya

Karena baris tersebut merupakan satu tampilan, Anda dapat menatanya sekali dan setiap instans terlihat sama. Konsistensi didapatkan tanpa usaha tambahan. 💅

Toggle(title, isOn: $isOn)
    .tint(.orange)
    .font(.headline)

Ganti Jenis Nanti

Ingin membuat baris untuk angka? Ubah jenis pengikatan, dan pola yang sama akan berfungsi untuk nilai apa pun yang dapat diedit.

Bagian Kecil, Aplikasi Besar

Baris yang dapat digunakan kembali dan digerakkan oleh pengikatan membantu aplikasi nyata tetap rapi. Susun banyak editor kecil menjadi satu layar pengaturan yang bersih.

Pemeriksaan Singkat

Pemeriksaan singkat tentang baris sakelar.

Jawab di pelajaran interaktif

Ringkasan: Editor yang Dapat Digunakan Kembali

Tampilan anak dengan @Binding menjadi editor yang dapat digunakan kembali. Teruskan status dengan tanda dolar dan tambahkan tampilan tersebut di mana saja. 🎉

Gratis untuk memulai

Belajar Swift dengan tutor AI — gratis

Tulis dan jalankan kode asli di browser kamu, dapatkan bantuan instan dari tutor AI 24/7, dan lanjutkan di mana kamu tinggalkan di web atau aplikasi.

Kursus: 30
Pelajaran: 120

Mulai belajar gratis Lihat kursus lengkapnya

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Membangun Baris Toggle yang Dapat Digunakan Kembali” gratis?

Ya — teks lengkap “Membangun Baris Toggle yang Dapat Digunakan Kembali” 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 Baris Toggle yang Dapat Digunakan Kembali”?

Buat child view yang mengubah state induk. 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 3 dari 4.

Berapa lama pelajaran “Membangun Baris Toggle yang Dapat Digunakan Kembali” 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

Mengapa Child Membutuhkan @Binding
Meneruskan Binding ke Bawah
Membangun Baris Toggle yang Dapat Digunakan Kembali
@State vs @Binding

← Kembali ke SwiftUI Academy