Modifier & Chaining — CompileDaily Study

Penjelasan

Modifier adalah method yang dipanggil pada View untuk mengubah tampilannya — misalnya .padding() menambah jarak dari tepi, .foregroundColor() mengubah warna teks/ikon, .background() menambah warna latar, .font() mengubah tipografi. Setiap modifier sebenarnya TIDAK mengubah View aslinya (struct bersifat immutable), melainkan membungkusnya jadi View baru dengan properti tambahan. Itu sebabnya modifier bisa dirangkai (chaining) berurutan. Urutan modifier SANGAT berpengaruh pada hasil akhir. Misalnya .padding().background(.blue) akan memberi latar biru DI LUAR padding (padding jadi bagian dari area berwarna), sedangkan .background(.blue).padding() memberi latar biru hanya di area teks asli, lalu padding ditambahkan di luar area berwarna itu. Selalu bayangkan modifier sebagai lapisan yang dibungkus dari dalam ke luar, sesuai urutan penulisan.

Contoh Konsep

import SwiftUI

struct ModifierView: View {
    var body: some View {
        Text("Tombol Gaya")
            .font(.headline)
            .foregroundColor(.white)
            .padding()
            .background(Color.blue)
            .cornerRadius(8)
            .shadow(radius: 4)
    }
}

Praktikum

Buat Text("Label Sukses") lalu rangkai modifier: .padding(), .background(Color.green), .foregroundColor(.white), dan .cornerRadius(6), dalam urutan tersebut.

Editor Latihan

Ketik/edit bebas di sini untuk latihan — kode ini tidak dijalankan.

Tips

Kalau warna background terpotong mengikuti bentuk teks (bukan kotak penuh), cek urutannya — kemungkinan .padding() ditulis SETELAH .background() sehingga padding tidak ikut diwarnai.