TabView

SwiftUI navigatsiya: TabView

Bo‘limlar orasida TabView va .tabItem yordamida almashing.

Oddiy TabView

Bo‘limlar orasida almashish uchun TabView dan foydalaning.

import SwiftUI

struct TabBasicDemo: View {
  var body: some View {
    TabView {
      Text("Home").tabItem { Label("Home", systemImage: "house") }
      Text("Settings").tabItem { Label("Settings", systemImage: "gear") }
    }
  }
}

import SwiftUI

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

import SwiftUI

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

Yuqoridagi misolda bo‘limlar orasida almashish uchun TabView ishlatilgan.

Tanlash va nishonlar (badges)

Faol tabni @State bilan kuzating va .badge() qo‘shing.

import SwiftUI

enum Tab: Hashable { case home, inbox }

struct TabSelectionDemo: View {
  @State private var selection: Tab = .home
  var body: some View {
    TabView(selection: $selection) {
      Text("Home").tabItem { Label("Home", systemImage: "house") }.tag(Tab.home)
      Text("Inbox").tabItem { Label("Inbox", systemImage: "tray") }.badge(3).tag(Tab.inbox)
    }
  }
}

import SwiftUI

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

import SwiftUI

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

Yuqoridagi misolda bo‘limlar orasida almashish uchun TabView ishlatilgan.