SwiftUI中列表的多个筛选器/切换

import SwiftUI

struct ContentView: View {
    @State private var selectedCategory = "All"
    @State private var showCompletedOnly = false
    
    let categories = ["All", "Category 1", "Category 2", "Category 3"]
    
    var filteredItems: [Item] {
        // 根据筛选条件过滤列表项
        var items = itemList
        
        if selectedCategory != "All" {
            items = items.filter { $0.category == selectedCategory }
        }
        
        if showCompletedOnly {
            items = items.filter { $0.isCompleted }
        }
        
        return items
    }
    
    var body: some View {
        VStack {
            Picker("Category", selection: $selectedCategory) {
                ForEach(categories, id: \.self) { category in
                    Text(category)
                }
            }
            .pickerStyle(SegmentedPickerStyle())
            .padding()
            
            Toggle("Show Completed Only", isOn: $showCompletedOnly)
                .padding()
            
            List(filteredItems) { item in
                Text(item.name)
            }
        }
    }
}

struct Item: Identifiable {
    let id = UUID()
    let name: String
    let category: String
    let isCompleted: Bool
}

let itemList = [
    Item(name: "Item 1", category: "Category 1", isCompleted: false),
    Item(name: "Item 2", category: "Category 2", isCompleted: true),
    Item(name: "Item 3", category: "Category 1", isCompleted: true),
    Item(name: "Item 4", category: "Category 3", isCompleted: false)
]

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}