Menu
CoddyTech

Sheet dan Alert

Termasuk bagian Pengenalan SwiftUI dalam perjalanan Swift di Coddy. Pelajaran 37 dari 50.

sheet menggeser sebuah view ke atas layar yang sedang ditampilkan. Sheet ditampilkan saat state Bool bernilai true:

@State private var showHelp = false

Button("Help") { showHelp = true }
    .sheet(isPresented: $showHelp) {
        Text("Swipe down to close")
    }

Peringatan mengajukan pertanyaan singkat. Cara kerjanya sama, dengan judul, tombol, dan pesan opsional:

Button("Delete") { askDelete = true }
    .alert("Delete photo?", isPresented: $askDelete) {
        Button("Delete", role: .destructive) { deletePhoto() }
        Button("Cancel", role: .cancel) { }
    } message: {
        Text("This cannot be undone.")
    }

Mengetuk tombol apa pun pada alert akan menjalankan aksinya dan menutup alert, sehingga state kembali menjadi false. Di dalam sheet, @Environment(\.dismiss) var dismiss memberikan aksi dismiss() yang menutupnya dari kode.

challenge icon

Tantangan

Sedang

Saat pengguna mengetuk Save, tampilkan peringatan berjudul Saved! dengan pesan Your note is stored. dan satu tombol OK. Gunakan state showSaved.

Coba sendiri

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
quiz iconUji dirimu

Pelajaran ini berisi kuis singkat. Mulai pelajarannya untuk menjawab kuis dan melacak progresmu.

Semua pelajaran di Pengenalan SwiftUI

Latihan sendiri: Playground SwiftUI