尝试删除最后一个元素时,带有子项的 SwiftUI (2.0) 列表崩溃

Posted

技术标签:

【中文标题】尝试删除最后一个元素时,带有子项的 SwiftUI (2.0) 列表崩溃【英文标题】:SwiftUI (2.0) list with children crashes when trying to delete the last element 【发布时间】:2020-08-08 07:20:52 【问题描述】:

我有以下代码用于带有孩子的 SwiftUI 列表,改编自另一个 *** 答案:

SwiftUI 2.0 List with children - how to make the tappable area of the disclosure button cover the whole list item

struct ContentView: View 

    @EnvironmentObject var goodies: GlobalGoodies
    
    func listItem(for item: User) -> some View 
        Text(item.name)
    
    
    var body: some View 
        NavigationView 
            List 
                ForEach(Array(goodies.users.enumerated()), id: \.1.id)  i, group in
                    DisclosureGroup(isExpanded: $goodies.users[i].isExpanded) 
                        ForEach(group.children ?? [])  item in
                            listItem(for:item)
                        
                        .opacity(goodies.users[i].opacity)
                     label: 
                        listItem(for: group)
                        .contentShape(Rectangle())
                        .onTapGesture 
                            withAnimation 
                                goodies.users[i].opacity = goodies.users[i].isExpanded ? 0.0 : 1.0
                                goodies.users[i].isExpanded.toggle()
                            
                        
                    
                
                .onDelete(perform: delete)
            
        
    

    func delete(at offsets: IndexSet) 
        goodies.users.remove(atOffsets: offsets)
    

GlobalGoodies 类和 User 类的源代码,改编自 HackingWithSwift 教程示例。

struct User: Identifiable 
    let id = UUID()
    var name: String
    var children: [User]? = nil
    
    var isExpanded = false
    var opacity = 0.0


class GlobalGoodies: ObservableObject 
    @Published var users = [
        User(name: "Paul", children: [
            User(name: "Jenny")
        ]),
        User(name: "Taylor", children: [
            User(name: "Tyler"),
            User(name: "Luna")
        ]),
        User(name: "Adele", children: nil)
    ]

我可以正常查看这些元素,并且可以毫无问题地删除两个(父)项目。但是,当我尝试删除列表中最后一个剩余的(父)元素时,应用程序崩溃并显示以下消息:

Fatal error: Index out of range: file Swift/ContiguousArrayBuffer.swift, line 444

我知道其他人在使用 List 时遇到了类似的错误并显示相同的消息,但仅当使用此特定设置显示可展开的子元素时才会出现此错误。我按照上面提到的 HackingWithSwift 教程的代码(这只是一个普通的线性列表),我可以毫无问题地删除其中的所有元素。

我尝试过使用新的List(children:),但由于某种原因我无法添加onDelete

任何查明此错误位置的帮助都会很棒,因为我尝试设置断点等以查看哪里出了问题。该元素名义上被删除,但崩溃似乎发生在调用 body 期间或之后。

提前感谢您的帮助!

【问题讨论】:

【参考方案1】:

经过更多的探索,我似乎已经能够自己弄清楚这一点。此行发生了超出范围的错误:

DisclosureGroup(isExpanded: $goodies.users[i].isExpanded) 

(我可以通过替换为停止崩溃的.constant(true) 来判断。)

我能够通过使用一个函数来解决这个问题,该函数在给定索引i 的情况下提供自定义绑定,该函数会在访问索引之前检查索引是否在范围内:

func binding(for index: Int) -> Binding<Bool> 
        Binding<Bool>(
            get: 
                if index > goodies.users.count - 1
                    return false
                
                return goodies.users[index].isExpanded
            ,
            set: 
                if index > goodies.users.count - 1 
                    // do nothing
                 else 
                    goodies.users[index].isExpanded = $0
                
            
        )

受影响线路的用法:

DisclosureGroup(isExpanded: binding(for: i)) 

这解决了崩溃问题。之前有点难以确定,因为我没有意识到在删除列表项后访问了绑定。希望这对处于相同位置的人有所帮助。

【讨论】:

以上是关于尝试删除最后一个元素时,带有子项的 SwiftUI (2.0) 列表崩溃的主要内容,如果未能解决你的问题,请参考以下文章

删除最后一个数组元素时,SwiftUI列表ForEach索引超出范围

Swiftui 将 VStack 子项高度调整为内容高度

iOS 15.3+ SwiftUI中List子项目禁止被删除但头部仍显示删除按钮的解决

iOS 15.3+ SwiftUI中List子项目禁止被删除但头部仍显示删除按钮的解决

从子视图 SwiftUI 中删除 UI 元素

SwiftUI - 致命错误:从数组中删除元素时索引超出范围