SwiftUI Lists & Forms List

SwiftUI Lists & Forms: List

Render collections with List using identifiable items.

Basic List

Render a list of items using List and ForEach.

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() } }
}

The example above shows a list of items using List and ForEach.

Custom rows with ForEach

Render a list of items using List and ForEach.

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() } }
}

The example above shows a list of items using List and ForEach.