Swift Academy · Pelajaran

@State: Keadaan Lokal yang Dapat Diubah dalam View

Menggunakan @State untuk menggerakkan pembaruan UI dari keadaan view privat.

Pelajaran 2 dari 412 langkah

@State: Keadaan Lokal yang Dapat Diubah dalam View adalah pelajaran Swift Academy gratis di CoddyKit. Ini adalah pelajaran 2 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

`@State` adalah alat pengelolaan state SwiftUI yang paling sederhana. Alat ini menyimpan nilai yang dapat diubah di dalam View dan memicu render ulang setiap kali nilainya berubah.

Dasar-Dasar @State

```swift struct Counter: View { @State private var count = 0 var body: some View { Button("Count: \(count)") { count += 1 } } } ```

Bersifat Privat Berdasarkan Konvensi

Tandai properti `@State` sebagai `private`—properti tersebut merupakan detail implementasi View, bukan bagian dari antarmukanya.

Penyimpanan State

SwiftUI mengelola penyimpanan pendukung untuk `@State` secara terpisah dari struct. Meskipun struct View dibuat ulang pada setiap render, nilai state tetap dipertahankan.

@State dengan String

```swift struct NameInput: View { @State private var name = "" var body: some View { TextField("Enter name", text: $name) Text("Hello, \(name)!") } } ```

@State dengan Boolean

```swift struct ToggleDemo: View { @State private var isOn = false var body: some View { Toggle("Enable", isOn: $isOn) if isOn { Text("Enabled!") } } } ```

Memicu Render Ulang

Setiap perubahan pada `@State` menyebabkan SwiftUI memanggil `body` lagi. Mesin render SwiftUI secara efisien membandingkan hasilnya dan hanya memperbarui bagian antarmuka pengguna yang berubah.

@State untuk Nilai Kompleks

```swift struct Item: Identifiable { let id = UUID(); var text: String } struct ListView: View { @State private var items: [Item] = [] ... } ```

Keterbatasan @State

• Hanya lokal—tidak dapat dibagikan antar-View tanpa `@Binding` • Paling cocok untuk jenis primitif dan struct kecil • Untuk state yang dibagikan atau kompleks, gunakan `@StateObject` / `@ObservableObject`

@State vs @StateObject

• `@State`—jenis nilai, dimiliki oleh View, gunakan untuk jenis primitif • `@StateObject`—jenis referensi, dimiliki oleh View, gunakan untuk model ObservableObject

Pemeriksaan Cepat

Apa yang memicu render ulang View saat menggunakan `@State`?

Jawab di pelajaran interaktif

Ringkasan

Inti pembelajaran: • `@State` menyimpan state lokal yang dapat diubah dan dimiliki oleh View • Tandai sebagai `private`—detail implementasi • Perubahan → render ulang otomatis • SwiftUI mempertahankan state selama evaluasi ulang body • Gunakan `@Binding` untuk membagikan state kepada View anak Selanjutnya: Modifier View.

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 “@State: Keadaan Lokal yang Dapat Diubah dalam View” gratis?

Ya — teks lengkap “@State: Keadaan Lokal yang Dapat Diubah dalam View” 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 “@State: Keadaan Lokal yang Dapat Diubah dalam View”?

Menggunakan @State untuk menggerakkan pembaruan UI dari keadaan view privat. 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 2 dari 4.

Berapa lama pelajaran “@State: Keadaan Lokal yang Dapat Diubah dalam View” 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

Protokol View dan Properti Body
@State: Keadaan Lokal yang Dapat Diubah dalam View
Modifier View: Perangkaian dan Modifier Kustom
Pratinjau dan Penyedia Pratinjau

← Kembali ke Swift Academy