NavigationLink

SwiftUI navigatsiya: NavigationLink

Bosilganda manzil view’ini push qilish uchun NavigationLink dan foydalaning.

Oddiy manzil

Oddiy NavigationLink bosilganda manzil view’ini push qilish uchun ishlatiladi.

import SwiftUI

struct Detail: View { var body: some View { Text("Detail") } }

struct NavLinkBasicDemo: View {
  var body: some View {
    NavigationStack {
      NavigationLink("Go to Detail", destination: Detail())
        .navigationTitle("Home")
    }
  }
}

import SwiftUI

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

import SwiftUI

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

Yuqoridagi misolda NavigationLink view’ni stack’ga push qilish uchun, .navigationDestination esa havola tanlanganda ko‘rsatiladigan view’ni belgilash uchun ishlatilgan.

Qiymatga asoslangan havola

Qiymatga asoslangan NavigationLink bosilganda manzil view’ini push qilish uchun ishlatiladi.

NavigationLink(value:) ni tiplashtirilgan navigationDestination(for:) bilan birga ishlating.

import SwiftUI

struct NumberDetail: View { let n: Int; var body: some View { Text("Number: \(n)") } }

struct NavLinkValueDemo: View {
  var body: some View {
    NavigationStack {
      VStack(spacing: 12) {
        NavigationLink("Go to 99", value: 99)
      }
      .navigationDestination(for: Int.self) { n in NumberDetail(n: n) }
      .navigationTitle("Value Links")
    }
  }
}

import SwiftUI

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

import SwiftUI

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

Yuqoridagi misolda NavigationLink view’ni stack’ga push qilish uchun, .navigationDestination esa havola tanlanganda ko‘rsatiladigan view’ni belgilash uchun ishlatilgan.