xcode - 如何使用 SwiftUI 从 TabView 内的 ForEach 中删除项目？

Question

我有一个奇怪的 SwiftUI 崩溃，我不明白。我有一个 TabView，里面有 3 个图像的列表。我试图通过点击屏幕上的按钮从列表中删除第一个图像，但我遇到了这个崩溃。

'NSInternalInconsistencyException'，原因：'尝试删除并重新加载相同的索引路径（<NSIndexPath：0x968bfe135e5a98d1> {length = 2，path = 0 - 0}）'以 NSException 类型的未捕获异常终止

如果我从代码中删除 TabView，它会按预期工作并删除第一项。这是重现此崩溃所需的最少代码量。我还在这里创建了此代码的 Git 存储库-> https://github.com/cameronhenige/TestCrash有人可以帮我弄清楚发生了什么吗？

import SwiftUI

struct ContentView: View {
    @StateObject var testViewModel = TestViewModel()
    
    var body: some View {
        GeometryReader { proxy in
            
            ScrollView {
                
                VStack(alignment: .leading, spacing:0) {
                    
                    TabView {
                        
                        ForEach(testViewModel.images, id: \.self) { image in
                            Image(image)
                        }
                        
                    }.tabViewStyle(PageTabViewStyle())
                    .clipShape(RoundedRectangle(cornerRadius: 15))
                    .padding()
                    .frame(width: proxy.size.width, height: proxy.size.height/2.5)
                    
                }
                Button(action: {
                    testViewModel.removeFirst()
                }) {
                    Text("Remove first item from list")
                }
                
            }
            
            
        }.frame(maxWidth: .infinity).background(Color.black)
    }
}

import Foundation

class TestViewModel: NSObject, ObservableObject {
    
    @Published var images: [String] = ["dog", "cat", "bird"]
    
    func removeFirst() {
        images.remove(at: 0)
    }
}

Answer 1

TabView {
    
    ForEach(testViewModel.images, id: \.self) { image in
        Image(image)
    }
    
}.tabViewStyle(PageTabViewStyle())
.clipShape(RoundedRectangle(cornerRadius: 15))
.padding()
.frame(width: proxy.size.width, height: proxy.size.height/2.5).id(testViewModel.images.count)

向 TabView 添加 id 可解决此问题！

Answer 2

我想我会解释为什么你的回答解决了这个问题：

有关为什么使用.id(_:)为您解决问题的更多解释，这是因为当testViewModel.images.count更改（也就是视图现在使用不同的数据）时，您会使视图无效，因为 ID 已更改。

有关使视图无效以及如何修复奇怪的视图更新的更多信息，请参阅Demystify SwiftUI - WWDC21演讲。