Swift Academy · Pelajaran

@Binding: Aliran Data Dua Arah

Meneruskan keadaan yang dapat diubah ke bawah hierarki view dengan @Binding dan awalan $.

Pelajaran 1 dari 412 langkah

@Binding: Aliran Data Dua Arah adalah pelajaran Swift 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 Swift Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Swift Academy mencakup 4 pelajaran total.

Selamat Datang

`@Binding` membuat koneksi dua arah antara status induk dan tampilan anak, sehingga anak dapat membaca dan menulis nilai induk tanpa memilikinya.

Membuat Binding

```swift struct Parent: View { @State private var name = "" var body: some View { ChildView(name: $name) // $ creates Binding } } struct ChildView: View { @Binding var name: String var body: some View { TextField("Name", text: $name) } } ```

Prefiks $

`$name` pada properti `@State` mengembalikan `Binding`—referensi ke penyimpanan induk yang memungkinkan pembacaan dan penulisan dua arah.

Menulis melalui Binding

```swift struct Toggle: View { @Binding var isOn: Bool var body: some View { Button(isOn ? "On" : "Off") { isOn.toggle() } } } ```

Binding Konstan untuk Pratinjau

```swift #Preview { ChildView(isOn: .constant(true)) // non-mutable binding for preview } ```

Binding ke Elemen Koleksi

```swift ForEach($items) { $item in // $items is Binding<[Item]> TextField("Name", text: $item.name) } ```

Ringkasan @State vs @Binding

• `@State` — *memiliki* nilai dan menyimpannya di dalam tampilan • `@Binding` — *mereferensikan* status tampilan lain dan tidak memilikinya • Perubahan melalui `@Binding` diteruskan kembali kepada pemiliknya

Binding Turunan

```swift let isLarge: Binding = $fontSize.map( get: { $0 > 18 }, set: { $0 ? 24 : 14 } ) ```

Binding<Optional>

```swift if let $item = $selectedItem { DetailView(item: $item) } ``` Swift 5.7+ mendukung binding opsional dengan `if let $binding`.

Beberapa Binding

```swift struct Form: View { @State private var name = "" @State private var age = 0 var body: some View { FormFields(name: $name, age: $age) } } ```

Pemeriksaan Singkat

Apa yang dikembalikan prefiks `$` pada properti `@State`?

Jawab di pelajaran interaktif

Ringkasan

Poin penting: • `@Binding var x: T` — referensi baca/tulis yang tidak memiliki nilai • `$stateProperty` membuat `Binding` • `.constant(value)` untuk binding pratinjau yang tidak dapat diubah • Penulisan oleh anak melalui `@Binding` memperbarui `@State` induk • `ForEach($collection) { $element in }` untuk iterasi yang dapat diubah Berikutnya: @ObservableObject.

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: 122
Pelajaran: 409

Mulai belajar gratis Lihat kursus lengkapnya

Pertanyaan yang Sering Diajukan

Apakah pelajaran “@Binding: Aliran Data Dua Arah” gratis?

Ya — teks lengkap “@Binding: Aliran Data Dua Arah” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Swift Academy, upgrade ke CoddyKit PRO. Kursus Swift Academy mencakup 4 pelajaran total.

Apa yang akan aku pelajari di “@Binding: Aliran Data Dua Arah”?

Meneruskan keadaan yang dapat diubah ke bawah hierarki view dengan @Binding dan awalan $. Kamu berlatih Swift 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 Swift Academy?

Tidak diperlukan pengalaman sebelumnya. Swift 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 “@Binding: Aliran Data Dua Arah” 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 Swift Academy ini?

Ya. Setiap pelajaran Swift 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

@Binding: Aliran Data Dua Arah
@ObservableObject dan @StateObject
@EnvironmentObject untuk Keadaan Bersama
Satu Sumber Kebenaran dan Aliran Searah

← Kembali ke Swift Academy