SwiftUI modifikatorlar va ViewBuilder

Modifikatorlar va ViewBuilder

View’larni modifikatorlarni zanjir qilib ulash orqali tuzing va qayta ishlatiladigan qurilish bloklarini ViewBuilder yordamida ajratib oling.

Modifikatorlar

Modifikatorlar padding, shrift va rang kabi o‘zgarishlar qo‘llangan yangi view’larni qaytaradi.

import SwiftUI

struct ModifiersDemo: View {
  var body: some View {
    Text("Hello")
      .font(.title)
      .foregroundStyle(.blue)
      .padding()
      .background(.blue.opacity(0.1))
      .cornerRadius(8)
  }
}

import SwiftUI

struct ContentView: View {
  var body: some View { ModifiersDemo() }
}

import SwiftUI

@main
struct MyApp: App {
  var body: some Scene { WindowGroup { ContentView() } }
}

Ushbu misol matn view’ini bezash uchun bir nechta modifikatorni zanjir qilib ulaydi.

ViewBuilder

Bitta qaytarish joyida bir nechta ichki view’ni birlashtirish uchun @ViewBuilder dan foydalaning.

import SwiftUI

@ViewBuilder
func InfoRow(_ title: String, _ value: String) -> some View {
  HStack { Text(title).bold(); Spacer(); Text(value) }
}

struct ViewBuilderDemo: View {
  var body: some View {
    VStack(spacing: 8) {
      InfoRow("Name", "SwiftUI")
      InfoRow("Version", "5+")
    }
    .padding()
  }
}

import SwiftUI

struct ContentView: View {
  var body: some View { ViewBuilderDemo() }
}

import SwiftUI

@main
struct MyApp: App {
  var body: some Scene { WindowGroup { ContentView() } }
}

Yuqoridagi misol matn view’laridan iborat gorizontal stack’ni qaytaradigan qayta ishlatiladigan view builder funksiyasini yaratadi.