过滤列表时SwiftUI .onDelete错误的索引答案

【问题标题】：SwiftUI .onDelete wrong index when list is filtered过滤列表时SwiftUI .onDelete错误的索引
【发布时间】：2021-07-05 08:16:52
【问题描述】：

这是我的代码：

import SwiftUI

struct IngredientsList: View {
    @EnvironmentObject var ingredientsStore: IngredientEdit
    @State private var searchText = ""
    
    var searchResults: [Ingredient] {
        if searchText.isEmpty {
            return ingredientsStore.items
        } else {
            return ingredientsStore.items.filter {
                $0.name.lowercased().contains(searchText.lowercased()) }
        }
    }
    
    var body: some View {
        NavigationView {
            List {
                ForEach (searchResults) { ingredient in
                    NavigationLink (destination: IngredientDetail(ingredient: ingredient)) {
                        IngredientRow(ingredient: ingredient)
                    }
                }
                .onDelete(perform: deleteItems)
            }
            .searchable(text: $searchText, placement: .navigationBarDrawer(displayMode: .automatic))
            .navigationTitle("Ingredients")
        }
        .navigationViewStyle(StackNavigationViewStyle())
    }
    
    func deleteItems(at offsets: IndexSet) {
        withAnimation {
                ingredientsStore.items.remove(atOffsets: offsets)

        }
    }
    
}

如果 searchText 为空，则效果很好，但如果列表被过滤，则不起作用。调试器显示'offsets'总是包含过滤列表中的索引（我在屏幕上看到的），例如它将是 ingredientsStore.items[1] 但 .remove 方法会将 [1] 传递给 ObservedObject 其中 [1]将对应于完全不同的项目，因此将从数组中删除错误的项目:(换句话说，过滤列表包含具有绝对值的索引，据我所知。您的治疗将不胜感激。谢谢。

【问题讨论】：

因为搜索到的数据数组不是与原始大小相同大小的数据，具有不同的索引。您必须像这样 ingredientsStore.items.removeAll(where: {$0.id == id}) 那样按 id 删除数据，其中 id 是当前索引的对象

标签： swiftui xcode13

【解决方案1】：

ingredientsStore.items.remove(atOffsets: offsets)

这里的 offsets 是 searchResults 的索引。

所以你应该从 searchResults 中获取成分项目，然后从成分商店.items 中删除它。

试试这个：

for offset in offsets{
    if let index = ingredientsStore.items.firstIndex(searchResults[offset]) {
        ingredientsStore.items.remove(at: index)
    }
}

【讨论】：