ios - 离开 View 并返回后，FetchedResult View 不会更新

Question

当您离开并返回时，SwiftUI FetchedResult View 无法更新。

我创建了一个简单的待办事项列表应用程序作为示例。该应用程序由 2 个实体组成:

• 一个 TodoList，可以包含许多 TodoItem
• 一个 TodoItem，属于一个 TodoList

首先，这是我的核心数据模型:

对于实体，我在 CodeGen 中使用类定义。

我在这个例子中只使用了 4 个小 View 。

TodoListView:

struct TodoListView: View {
    @Environment(\.managedObjectContext) var managedObjectContext
    @FetchRequest(
        entity: TodoList.entity(),
        sortDescriptors: []
    ) var todoLists: FetchedResults<TodoList>
    @State var todoListAdd: Bool = false

    var body: some View {
        NavigationView {
            List {
                ForEach(todoLists, id: \.self) { todoList in
                    NavigationLink(destination: TodoItemView(todoList: todoList), label: {
                        Text(todoList.title ?? "")
                    })
                }
            }
            .navigationBarTitle("Todo Lists")
            .navigationBarItems(trailing:
                Button(action: {
                    self.todoListAdd.toggle()
                }, label: {
                    Text("Add")
                })
                .sheet(isPresented: $todoListAdd, content: {
                    TodoListAdd().environment(\.managedObjectContext, self.managedObjectContext)
                })
            )
        }
    }
}

这只是获取所有 TodoList 并将它们吐出到列表中。导航栏中有一个按钮，允许添加新的待办事项列表。

TodoListAdd:

struct TodoListAdd: View {
    @Environment(\.presentationMode) var presentationMode
    @Environment(\.managedObjectContext) var managedObjectContext
    @State var todoListTitle: String = ""

    var body: some View {
        NavigationView {
            Form {
                TextField("Title", text: $todoListTitle)

                Button(action: {
                    self.saveTodoList()
                    self.presentationMode.wrappedValue.dismiss()
                }, label: {
                    Text("Save")
                })

                Button(action: {
                    self.presentationMode.wrappedValue.dismiss()
                }, label: {
                    Text("Cancel")
                })
            }
            .navigationBarTitle("Add Todo List")
        }
        .navigationViewStyle(StackNavigationViewStyle())
    }

    func saveTodoList() {
        let todoList = TodoList(context: managedObjectContext)
        todoList.title = todoListTitle

        do { try managedObjectContext.save() }
        catch { print(error) }
    }
}

这只是保存一个新的待办事项列表，然后关闭模式。

TodoItemView:

struct TodoItemView: View {
    @Environment(\.managedObjectContext) var managedObjectContext
    var todoList: TodoList
    @FetchRequest var todoItems: FetchedResults<TodoItem>
    @State var todoItemAdd: Bool = false

    init(todoList: TodoList) {
        self.todoList = todoList
        self._todoItems = FetchRequest(
            entity: TodoItem.entity(),
            sortDescriptors: [],
            predicate: NSPredicate(format: "todoList == %@", todoList)
        )
    }

    var body: some View {
        List {
            ForEach(todoItems, id: \.self) { todoItem in
                Button(action: {
                    self.checkTodoItem(todoItem: todoItem)
                }, label: {
                    HStack {
                        Image(systemName: todoItem.checked ? "checkmark.circle" : "circle")
                        Text(todoItem.title ?? "")
                    }
                })
            }
        }
        .navigationBarTitle(todoList.title ?? "")
        .navigationBarItems(trailing:
            Button(action: {
                self.todoItemAdd.toggle()
            }, label: {
                Text("Add")
            })
            .sheet(isPresented: $todoItemAdd, content: {
                TodoItemAdd(todoList: self.todoList).environment(\.managedObjectContext, self.managedObjectContext)
            })
        )
    }

    func checkTodoItem(todoItem: TodoItem) {
        todoItem.checked = !todoItem.checked

        do { try managedObjectContext.save() }
        catch { print(error) }
    }
}

此 View 获取属于被点击的 TodoList 的所有 TodoItem。这就是问题发生的地方。我不确定是否是因为我在这里使用了init()，但是有一个错误。当您第一次进入此 View 时，您可以点击待办事项以“检查”它，更改会立即显示在 View 中。但是，当您导航到不同 TodoList 的不同 TodoItemView 并返回时，点击时 View 不再更新。复选标记图像不会显示，您需要离开该 View 然后重新输入它才能实际显示所述更改。

TodoItemAdd:

struct TodoItemAdd: View {
    @Environment(\.presentationMode) var presentationMode
    @Environment(\.managedObjectContext) var managedObjectContext
    var todoList: TodoList
    @State var todoItemTitle: String = ""

    var body: some View {
        NavigationView {
            Form {
                TextField("Title", text: $todoItemTitle)

                Button(action: {
                    self.saveTodoItem()
                    self.presentationMode.wrappedValue.dismiss()
                }, label: {
                    Text("Save")
                })

                Button(action: {
                    self.presentationMode.wrappedValue.dismiss()
                }, label: {
                    Text("Cancel")
                })
            }
            .navigationBarTitle("Add Todo Item")
        }
        .navigationViewStyle(StackNavigationViewStyle())
    }

    func saveTodoItem() {
        let todoItem = TodoItem(context: managedObjectContext)
        todoItem.title = todoItemTitle
        todoItem.todoList = todoList

        do { try managedObjectContext.save() }
        catch { print(error) }
    }
}

这仅允许用户添加新的待办事项。

正如我上面提到的，当您离开并重新进入 TodoItemView 时， View 会自动停止更新。以下是此行为的记录:

https://i.imgur.com/q3ceNb1.mp4

我到底做错了什么？如果我不应该使用 init() 因为导航链接中的 View 在出现之前就已初始化，那么正确的实现是什么？

Answer 1

经过几个小时的谷歌搜索该问题的各种不同短语后找到了解决方案:https://stackoverflow.com/a/58381982/10688806

您必须使用“惰性 View ”。

代码:

struct LazyView<Content: View>: View {
    let build: () -> Content

    init(_ build: @autoclosure @escaping () -> Content) {
        self.build = build
    }

    var body: Content {
        build()
    }
}

用法:

NavigationLink(destination: LazyView(TodoItemView(todoList: todoList)), label: {
    Text(todoList.title ?? "")
})