工作表修饰符的 SwiftUI 问题

Question

我的应用程序中有一个初始视图，需要打开一些模态视图。我正在处理的数据是表单核心数据，我正在使用@FetchedRequest属性包装器填充列表视图。我正在尝试制作的 UI 类似于您在 iOS 13 中的提醒应用程序中创建和编辑列表的方式。

• 添加记录 - 允许用户随时创建新列表（子对象稍后）。
• 编辑记录 - 将列表视图切换到编辑模式，点击一行上的编辑按钮打开一个模式来编辑记录。

这两个现在都在工作，但存在一些问题。

1. 当我关闭添加模式时，有时我无法点击视图右上角的编辑按钮。点击时什么也不会发生。我尝试附加打印状态声明并且没有被调用。大多数情况下都会发生这种情况，但并非总是如此。

2. 当我使用上述过程编辑记录时，当点击取消或完成关闭此模式时，它将关闭。但在此之后，我无法使用此功能。如果我尝试打开另一个编辑模型，它会打开，但我传递给它的数据永远不会显示在字段中。

我将它们分成两个视图和工作表，因为当我将它们组合成一个视图和工作表时，我遇到了很多问题。

更新：问题 1 已通过将 .sheet 修饰符移到 NavigationView 之外并将它们附加到一些隐藏对象来解决，根据此答案。

至于问题 2，我今晚花了一些时间尝试了一些不同的事情，我想我可以看到问题所在。在初次使用后重新打开编辑模式时，它正在经历任何类型的初始化过程。没有调用初始化，甚至没有调用onAppear()附加到视图。在这种情况下，文本字段使用的 @State 变量永远不会填充记录中的值，因为不会再次调用文本字段代码。我不知道如何处理这个问题。在任何其他环境中，我只会删除该实例并创建一个新实例，但我不知道如何删除由模态创建的 Edit 视图的缓存实例。

更新：截至 2019 年 8 月 27 日，iOS 13.1 修复了第二个问题。我什至不必重新编译即可查看修复程序。

列表显示

更新以将工作表移到 NavigationView 之外

import SwiftUI

struct TimelineListView: View {

    @Environment(\.managedObjectContext) var managedObjectContext

    @FetchRequest(fetchRequest: Timeline.allTimelinesFetchRequest()) var timelines: FetchedResults<Timeline>

    @State var listViewEditMode: EditMode = .inactive

    @State var openModalSheetAdd = false

    @State var openModalSheetEdit = false
    @State var timelineToEdit: Timeline?

    var body: some View {
        VStack{
                NavigationView {
                    VStack {

                        List(self.timelines) { timeline in

                            NavigationLink(destination: TimelineDetailView(timeline: timeline)) {

                                HStack{
                                    Text(timeline.name ?? "Unnamed List")
                                    if (self.listViewEditMode == .active) {
                                        Spacer()
                                        Image(systemName: "info.circle")
                                            .onTapGesture {
                                                self.timelineToEdit = timeline
                                                self.listViewEditMode = .inactive
                                                self.openModalSheetEdit = true
                                        }
                                    }
                                }

                            } //  End Navigation Link

                        } // End List

                        HStack {
                            Spacer()
                            Button("Add List") {
                                self.openModalSheetAdd = true
                            }.padding(EdgeInsets(top: 0, leading: 0, bottom: 10, trailing: 20))
                        }
                    }

                    .navigationBarTitle(Text("Lists"), displayMode: .inline)
                    .navigationBarItems(trailing: EditButton())

                        .environment(\.editMode, self.$listViewEditMode)

                }// End Navigation View

            // Edit modal
            Text("").hidden()
                .sheet(isPresented: $openModalSheetEdit,
                       onDismiss: {
                        self.openModalSheetEdit = false
                },
                       content: {
                        TimelineEditView(timeline: self.timelineToEdit, onDismiss: {
                            self.openModalSheetEdit = false // this is here because sometimes onDismiss is not called.
                        })
                            .environment(\.managedObjectContext, self.managedObjectContext)
                })

            // Add modal
            Text("").hidden()
                .sheet(isPresented: $openModalSheetAdd,
                       onDismiss: {
                        self.openModalSheetAdd = false
                },
                       content: {
                        TimelineAddView(onDismiss: {
                            self.openModalSheetAdd = false // this is here because sometimes onDismiss is not called.
                        })
                            .environment(\.managedObjectContext, self.managedObjectContext)
                })
        }

    }
}

添加记录视图

struct TimelineAddView: View {

    @Environment(\.managedObjectContext) var managedObjectContext
    @Environment(\.presentationMode) var presentationMode: Binding<PresentationMode>
    @State private var nameEdit: String = ""


    // This closure is here to call when we dismiss the modal because onDismiss is not always called
    var onDismiss: () -> ()

    var body: some View {

        VStack {
            HStack {

                Button(action: ({
                    self.nameEdit = ""
                    self.presentationMode.wrappedValue.dismiss()
                    self.onDismiss()
                })) {
                    Text("Cancel")
                }
                .padding(EdgeInsets(top: 10, leading: 10, bottom: 0, trailing: 0))

                Spacer()

                Button(action: ({
                    let newTimeline = Timeline(context: self.managedObjectContext)
                    newTimeline.name = self.nameEdit
                    self.nameEdit = ""
                    do {
                        try self.managedObjectContext.save()
                    } catch {
                        print(error)
                    }
                    self.presentationMode.wrappedValue.dismiss()
                    self.onDismiss()
                })) {
                    Text("Done")
                }
                .padding(EdgeInsets(top: 10, leading: 0, bottom: 0, trailing: 10))
            }

            TextField("Data to edit", text: self.$nameEdit)
                .shadow(color: .secondary, radius: 1, x: 0, y: 0)
                .textFieldStyle(RoundedBorderTextFieldStyle())
                .onAppear {
                    self.nameEdit = ""
            }.padding()
            Spacer()
        }
    }
}

编辑记录视图

struct TimelineEditView: View {

    @Environment(\.managedObjectContext) var managedObjectContext
    @Environment(\.presentationMode) var presentationMode: Binding<PresentationMode>
    @State private var nameEdit = ""
    var timeline : Timeline?

    // This closure is here to call when we dismiss the modal because onDismiss is not always called
    var onDismiss: () -> ()

    var body: some View {

        return VStack {
            HStack {
                Button(action: ({
                    // Dismiss the modal sheet
                    self.nameEdit = ""
                    self.presentationMode.wrappedValue.dismiss()
                    self.onDismiss()
                })) {
                    Text("Cancel")
                }
                .padding(EdgeInsets(top: 10, leading: 10, bottom: 0, trailing: 0))

                Spacer()
                Button(action: ({

                    self.timeline?.name = self.nameEdit

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

                    // Dismiss the modal sheet
                    self.nameEdit = ""
                    self.presentationMode.wrappedValue.dismiss()
                    self.onDismiss()
                })) {
                    Text("Done")
                }
                .padding(EdgeInsets(top: 10, leading: 0, bottom: 0, trailing: 10))
            }

            TextField("Data to edit", text: self.$nameEdit)
                .shadow(color: .secondary, radius: 1, x: 0, y: 0)
                .textFieldStyle(RoundedBorderTextFieldStyle())
                .onAppear {
                    self.nameEdit = self.timeline?.name ?? ""
            }.padding()
            Spacer()
        }
    }
}

Answer 1

.sheet嵌入在 aList中只打开一次是一个已知的错误，我希望他们修复它。在此之前，您必须移出.sheet任何List.

但由于.sheet不在 aList内NavigationView，而是在 a 内，尝试移动.sheet它的外部可能是个好主意。

但是不要附加两个.sheet相同的视图，而是通过以下方式添加它们：

VStack{
    NavigationView{ ... }
    Text("").hidden().sheet(...)
    Text("").hidden().sheet(...)
}