Menu
Coddy logo textTech

Değiştirici Sırası

Coddy'nin Swift Journey'sinin SwiftUI'ye Giriş bölümünün bir parçası. Ders 16 / 50.

Her değiştirici, çağrıldığı görünümü sarar ve yeni bir görünüm döndürür. Bu nedenle sıra önemlidir: bir değiştirici, kendisinden önceki değiştiricilerin ürettiği her şey üzerinde çalışır.

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

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

A için dolgu önce eklenir ve arka plan daha sonra dolgulu görünümü kaplar: turuncu alan büyüktür. B için arka plan yalnızca metni kaplar ve dolgu bunun dışına, küçük bir turuncu alanın çevresinde boş alan olarak eklenir.

Değiştirici zincirini yukarıdan aşağıya okuyun: her satır, kendisinden önceki satırlar tarafından oluşturulan görünümü değiştirir.

challenge icon

Görev

Kolay

Turuncu alan yalnızca metin kadar büyük ve dolgu onun dışındadır. Turuncu arka planın dolguyu da kaplaması için değiştiricilerin sırasını yeniden düzenleyin.

Kendin dene

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
quiz iconKendini test et

Bu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.

SwiftUI'ye Giriş bölümündeki tüm dersler

Kendi başına pratik yap: Swift playground