NavigationLink 没有将新视图拉到正确的位置

Question

我有一个 NavigationLink 将表单视图拉到列表视图之上。我正在经历的是当视图被拉入时发生的这种“橡皮筋”效应。我无法用作品来解释它所以here is a gif explaining it

这是一个导航视图的sn-p

NavigationView {
    List {
        ForEach(self.tables) { table in
            NavigationLink(destination: TableStatusView(table: table)) {
                tableCellView(tableNumber: table.number, clean: table.clean, inUse: table.inUse)
            }
        }
        ...
    }
    ...
}

这是它的视图

struct TableStatusView: View {
    @Environment(\.managedObjectContext) var managedObjectContext
    @FetchRequest(fetchRequest: Table.getAllTables()) var tables: FetchedResults<Table>
    
    @State var table: Table
    
    var body: some View {
        Form {
            Section {
                Text("Table \(table.number)")
            }
            
            Section {
                Toggle(isOn: $table.inUse) {
                    Text("In Use")
                }
                
                Toggle (isOn: $table.clean) {
                    Text("Clean")
                }
            }
        }
    }
}

Answer 1

不确定@FetchRequest 是如何工作的，但您可能阻塞了主线程，导致动画跳转。尝试删除该代码，或将其移至 .onAppear 以查看问题是否仍然存在或消失。