SwiftUI Academy · Pelajaran

Menonaktifkan dan Mengaktifkan Tombol

Kendalikan interaktivitas dengan pengubah disabled.

Menonaktifkan dan Mengaktifkan Tombol adalah pelajaran SwiftUI Academy gratis di CoddyKit. Ini adalah pelajaran 4 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.

Sometimes Tapping Should Wait

Not every button should always be tappable. A submit button might wait until a form is valid. SwiftUI handles this with the disabled modifier. 🚦

The disabled Modifier

Add disabled to any control and pass true or false. When true, the button stops responding to taps right away.

Button("Send") { send() }
    .disabled(true)

Driving It With a Condition

Instead of a fixed value, pass a condition. The button enables and disables itself as the underlying data changes.

Button("Send") { send() }
    .disabled(message.isEmpty)

Tied to State

Pair disabled with a state value and SwiftUI re-evaluates it on every change. The button reacts the moment your data updates.

@State private var name = ""

Button("Save") { save() }
    .disabled(name.isEmpty)

The Dimmed Look

A disabled button automatically appears dimmed. This visual cue tells people it is not ready yet, with no extra styling from you.

Validating a Form

A classic use is form validation: keep the action button off until every required field passes its check.

Button("Register") { register() }
    .disabled(!isFormValid)

Preventing Double Taps

During a slow task, disable the button so users cannot tap it again. Flip a loading flag while the work is running.

Button("Upload") { startUpload() }
    .disabled(isLoading)

Disabling a Whole Group

Apply disabled to a container and every control inside inherits it. One modifier can lock down an entire section at once.

VStack {
    Button("A") { a() }
    Button("B") { b() }
}
.disabled(isLocked)

Children Cannot Re-enable

Once a parent is disabled, a child cannot turn itself back on. The most restrictive disabled value in the chain wins.

Disabled Still Communicates

A disabled button is not broken; it is honest. It signals that an action is unavailable right now, guiding users toward what to do first.

Enable by Flipping the Value

To re-enable, simply make the condition false again. Update the state it depends on and SwiftUI brings the button back to life.

Button("Confirm") { confirm() }
    .disabled(!agreedToTerms)

Quick Check

One last check on enabling and disabling.

Recap

Excellent! The disabled modifier locks a button based on a condition, dims it automatically, and re-enables when the value flips back. 🚦

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Menonaktifkan dan Mengaktifkan Tombol” gratis?

Ya — teks lengkap “Menonaktifkan dan Mengaktifkan Tombol” 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 “Menonaktifkan dan Mengaktifkan Tombol”?

Kendalikan interaktivitas dengan pengubah disabled. 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 4 dari 4.

Berapa lama pelajaran “Menonaktifkan dan Mengaktifkan Tombol” 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