Menu
CoddyTech

Urutan Pengubah

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

Setiap modifier membungkus view yang dipanggilnya dan mengembalikan view baru. Jadi, urutannya penting: modifier bekerja pada semua hasil yang dibuat oleh modifier sebelumnya.

Text("A")
    .padding()
    .background(.orange)

Text("B")
    .background(.orange)
    .padding()

Untuk A, padding ditambahkan terlebih dahulu, lalu latar belakang menutupi area yang diberi padding: area oranye menjadi besar. Untuk B, latar belakang hanya menutupi teks dan padding ditambahkan di luarnya, sebagai ruang kosong di sekitar area oranye yang kecil.

Baca rangkaian modifier dari atas ke bawah: setiap baris mengubah tampilan yang dibentuk oleh baris-baris di atasnya.

challenge icon

Tantangan

Mudah

Area oranye hanya sebesar teks, dan padding berada di luarnya. Ubah urutan modifier agar latar belakang oranye juga mencakup padding.

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