时间戳

首页 > 解决方案 > 过滤列表时SwiftUI .onDelete错误的索引

swiftui - 过滤列表时SwiftUI .onDelete错误的索引

问题描述

这是我的代码：

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]将对应一个完全不同的项目，因此将从数组中删除一个错误的项目:(换句话说，过滤列表包含具有绝对值的索引，据我所知。您的治疗将不胜感激。谢谢。

标签： swiftuixcode13

解决方案

ingredientsStore.items.remove(atOffsets: offsets)

这里的 offsets 是 searchResults 的索引。

所以你应该从 searchResults 中获取成分项目，然后从成分存储.items 中删除它。</p>

试试这个：

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

推荐阅读