List trong SwiftUI

List {
    Text("Item 1")
    Text("Item 2")
    Text("Item 3")
}

struct Contact: Identifiable {
    let id = UUID()
    let name: String
}
 
struct ContactList: View {
    let contacts = [
        Contact(name: "Alice"),
        Contact(name: "Bob"),
        Contact(name: "Charlie")
    ]
    
    var body: some View {
        List(contacts) { contact in
            Text(contact.name)
        }
    }
}

List { }
    .listStyle(.plain)
    .listStyle(.inset)
    .listStyle(.insetGrouped)
    .listStyle(.grouped)
    .listStyle(.sidebar)

List {
    Section("Favorites") {
        Text("Item 1")
        Text("Item 2")
    }
    
    Section("Recent") {
        Text("Item 3")
        Text("Item 4")
    }
}

List {
    ForEach(items) { item in
        Text(item.name)
            .swipeActions(edge: .trailing) {
                Button(role: .destructive) {
                    delete(item)
                } label: {
                    Label("Delete", systemImage: "trash")
                }
            }
            .swipeActions(edge: .leading) {
                Button {
                    favorite(item)
                } label: {
                    Label("Favorite", systemImage: "star")
                }
                .tint(.yellow)
            }
    }
}

List {
    ForEach(items) { item in
        Text(item.name)
    }
    .onDelete { indexSet in
        items.remove(atOffsets: indexSet)
    }
    .onMove { from, to in
        items.move(fromOffsets: from, toOffset: to)
    }
}
.toolbar {
    EditButton()
}

struct SelectableList: View {
    @State private var selection: Set<UUID> = []
    let items: [Item]
    
    var body: some View {
        List(items, selection: $selection) { item in
            Text(item.name)
        }
        .toolbar {
            EditButton()
        }
    }
}

struct ContactRow: View {
    let contact: Contact
    
    var body: some View {
        HStack {
            Image(systemName: "person.circle.fill")
                .font(.largeTitle)
                .foregroundColor(.blue)
            
            VStack(alignment: .leading) {
                Text(contact.name)
                    .font(.headline)
                Text(contact.email)
                    .font(.caption)
                    .foregroundColor(.gray)
            }
            
            Spacer()
        }
        .padding(.vertical, 4)
    }
}
 
List(contacts) { contact in
    ContactRow(contact: contact)
}

List(items) { item in
    Text(item.name)
}
.refreshable {
    await loadData()
}