Xavfsiz hudud (Safe Area)

SwiftUI maket: xavfsiz hudud (Safe Area)

Tizim panellari ostidagi kontentni .ignoresSafeArea() va .safeAreaInset() bilan boshqaring.

Xavfsiz hudud (Safe Area)

Tizim panellari ostidagi kontentni boshqarish uchun .ignoresSafeArea() dan foydalaning.

import SwiftUI

struct SafeAreaDemo: View {
  var body: some View {
    ZStack {
      LinearGradient(colors: [.blue, .purple], startPoint: .top, endPoint: .bottom)
        .ignoresSafeArea()
      Text("Hello safe area")
        .padding()
        .background(.ultraThinMaterial)
        .cornerRadius(8)
    }
  }
}

import SwiftUI

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

import SwiftUI

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

Yuqoridagi misolda tizim panellari ostidagi kontentni boshqarish uchun .ignoresSafeArea() modifikatoridan foydalanilgan.

Safe Area chekinishlari (insets)

Chetlarga UI (masalan, asboblar paneli) joylashtirish uchun .safeAreaInset dan foydalaning.

Sintaksis:

• .safeAreaInset(edge: .bottom) { content }

import SwiftUI

struct SafeAreaInsetDemo: View {
  var body: some View {
    ZStack {
      LinearGradient(colors: [.purple, .pink], startPoint: .top, endPoint: .bottom)
        .ignoresSafeArea()
      Text("Content").padding().background(.ultraThinMaterial, in: Capsule())
    }
    .safeAreaInset(edge: .bottom) {
      HStack {
        Image(systemName: "house.fill"); Spacer(); Image(systemName: "gear")
      }
      .padding()
      .background(.regularMaterial)
    }
  }
}

import SwiftUI

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

import SwiftUI

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

Yuqoridagi misolda ekranning pastki chetiga UI joylashtirish uchun .safeAreaInset(edge: .bottom) modifikatoridan foydalanilgan.