Swift dilinde @ViewBuilder anahtar kelimesi: Kullanımı ve Örnekler

@ViewBuilder, Swift dilinde bir anahtar kelime olup, bir closure’ın içerisine yazılabilir. Bu anahtar kelime, closure’ın içinde tanımlanan görünümleri özelleştirilmiş bir şekilde oluşturur ve döndürür.

Örneğin:

struct ContentView: View {
    var body: some View {
        VStack {
            Text("Hello, World!")
            Text("Welcome to SwiftUI")
        }
    }
}

Bu örnekte, ContentView adında bir yapı oluşturulmuş ve içinde body adlı bir değişken tanımlanmıştır. body değişkeni, bir VStack görünümünün içerisinde iki Text görünümünü içerir.

@ViewBuilder anahtar kelimesi ile, body değişkeninin içeriği aşağıdaki gibi yazılabilir:

@ViewBuilder
var body: some View {
    VStack {
        Text("Hello, World!")
        Text("Welcome to SwiftUI")
    }
}

@ViewBuilder anahtar kelimesi, body değişkeninin içeriğini daha okunaklı ve anlaşılır hale getirir. Ayrıca, closure'ın içerisinde birden fazla görünüm tanımlanması durumunda bu anahtar kelime ile daha kolay bir şekilde görünümler oluşturulabilir. Örneğin:

@ViewBuilder
var body: some View {
    VStack {
        Text("Hello, World!")
        Text("Welcome to SwiftUI")
        if showDetails {
            Text("This is some additional information")
            Text("Displayed only when showDetails is true")
        }
    }
}

Bu örnekte, showDetails değişkeninin değeri true ise, VStack içerisinde iki ek Text görünümü de oluşturulur ve gösterilir.

@ViewBuilder anahtar kelimesi, closure’ın içinde birden fazla görünüm oluşturulurken kullanılabilir. Bu anahtar kelime, oluşturulan görünümleri özelleştirilmiş bir şekilde döndürür ve bu sayede daha okunaklı ve anlaşılır bir kod yapısı oluşturulur.