List

SwiftUI ro‘yxatlar va formalar: List

Identifikatsiyalanadigan elementlardan foydalanib, kolleksiyalarni List bilan render qiling.

Oddiy List

Elementlar ro‘yxatini List va ForEach yordamida render qiling.

import SwiftUI

struct Item: Identifiable { let id: Int; let title: String }

struct ListBasicDemo: View {
  let items = [Item(id: 1, title: "Milk"), Item(id: 2, title: "Bread")]
  var body: some View { List(items) { Text($0.title) } }
}

import SwiftUI

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

import SwiftUI

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

Yuqoridagi misolda List va ForEach yordamida yaratilgan elementlar ro‘yxati ko‘rsatilgan.

ForEach bilan maxsus qatorlar

Elementlar ro‘yxatini List va ForEach yordamida render qiling.

import SwiftUI

struct Product: Identifiable { let id: Int; let name: String; let price: Double }

struct ListCustomRowsDemo: View {
  let items = [
    Product(id: 1, name: "Coffee", price: 2.99),
    Product(id: 2, name: "Tea", price: 1.99)
  ]
  var body: some View {
    List {
      ForEach(items) { p in
        HStack { Text(p.name); Spacer(); Text(String(format: "$%.2f", p.price)) }
      }
    }
  }
}

import SwiftUI

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

import SwiftUI

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

Yuqoridagi misolda List va ForEach yordamida yaratilgan elementlar ro‘yxati ko‘rsatilgan.