SwiftUI 通过 ForEach 中的按钮将数据移入结构化数组

Question

当用户单击删除按钮时，我试图删除结构化数组中的一行。 但是当我使用 foreach 将我所有的数组行加载到特定的子视图中时，我不知道如何将 ForEach 的索引传递到我的子视图中以删除我的行......

我的代码是这样的

ScrollView{
                VStack {
                    ForEach(planeLibrary.testPlane){plane in
                        ZStack {
                            RoundedRectangle(cornerRadius: 16, style: .continuous)
                                .fill(Color.white)
                                .shadow(color: Color(Color.RGBColorSpace.sRGB, white: 0, opacity: 0.2), radius: 4)
                            
                            PlaneCellView(plane: plane, planeLibrary: planeLibrary, line: ???)
                        }
                    }
                }.padding(.horizontal, 16)
            } 

还有我的 PlaneCellView：

@State var plane: Plane
@ObservedObject var planeLibrary: PlaneLibrary
var line: Int
var body: some View {
//...
VStack(alignment: .leading) {
                Text(plane.planeImat)
                    .font(.title)
                    .fontWeight(.bold)
                Text(plane.planeType)
                HStack{
                    Text(plane.isSe ? "SE" : "ME")
                    Text(plane.isNight ? "-  Night" : "")
                    Text(plane.isIfr ? "-  IFR" : "")
                }
            }
            Spacer()
            Button {
               // HERE I don't know how to delete my array line ...
               planeLibrary.testPlane.remove(at: line) 
            } label: {
                 Image(systemName: "trash.circle")
                       .foregroundColor(.red)
                       .font(.system(size: 30))
            }
//...
}

我的飞机库：

struct Plane: Identifiable{
    let id = UUID().uuidString
    let planeImat: String
    let planeType: String
    let isSe: Bool
    let isIfr: Bool
    let isNight: Bool
    let autoID: String
    
    init (planeImat: String, planeType: String, isSe: Bool, isIfr: Bool, isNight: Bool, autoID: String){
        self.planeType = planeType
        self.planeImat = planeImat
        self.isSe = isSe
        self.isIfr = isIfr
        self.isNight = isNight
        self.autoID = autoID
    }
    
    init(config: NewPlaneConfig){
        self.planeImat = config.imat
        self.planeType = config.type
        self.isSe = config.isSe
        self.isIfr = config.isIfr
        self.isNight = config.isNight
        self.autoID = config.autoID
    }
}

我已经尝试添加id: \.self因为我能够在这个论坛上找到但没有成功。

Answer 1

您实际上还没有包含 PlaneLibrary，所以我假设 planeLibrary.testPlane 是一个 Plane 结构数组。

有很多方法可以解决这个问题，包括将 testPlane 更改为平面结构字典（由 id 索引），或者如果顺序很重要，则在 OrderedDictionary 中（将swift-collections package添加到您的项目并在文件中import OrderedCollections它被使用）。 您可以使用testPlane.removeValue(at: id)从任一类型的字典中删除平面。

如果您将它保存为一个数组，但您的数组可能很大并且您担心运行时效率，最好的办法是更改您的 ForEach 以在循环中包含平面的索引。

它看起来像这样：

ForEach(Array(planeLibrary.testPlane.enumerated()), id: \.element.id) { index, plane in
    // In this code you can use either plane, or index.
    ...
    // UI code
    Text(plane.autoID)
    ...
    { // remove closure
         planeLibrary.testPlane.remove(at: index)
    }
}

但是如果数组的大小合理，你可以保持它现在的样子，并在删除时使用testPlane.remove(where:)通过id找到它。 这样做的代码更简单，更容易阅读和理解，因此它应该是您的首选。 如果需要，稍后针对大型列表进行优化。

Answer 2

您不能传入索引，因为这会使ForEach视图崩溃。 相反，之后使用其 ID 查找其索引以将其删除，例如

class RecipeBox: ObservableObject {
    @Published var allRecipes: [Recipe]
    @Published var collections: [String]

...

    func delete(_ recipe: Recipe) {
        delete(recipe.id)
    }
    
    func delete(_ id: Recipe.ID) {
        if let index = index(for: id) {
            allRecipes.remove(at: index)
            updateCollectionsIfNeeded()
        }
    }
...
    func index(for id: Recipe.ID) -> Int? {
        allRecipes.firstIndex(where: { $0.id == id })
    }
...

此示例来自使用自定义绑定定义真实来源（Apple Developer）