SwiftUI - 导航时视图是否保持活跃？

Question

我在使用 NavigationLinks 和 ObservableObject 时遇到了一个错误。我不太明白为什么，因为我不明白在导航时视图和数据发生了什么。这是一些说明问题的伪代码：

class Settings: ObservableObject {
    @Published var data: [Int] = [0, 1, 2, 3, 4, 5]
}

struct ContentView: View {
    @State var new_view: Bool = false
    @ObservedObject var content_view_settings = Settings()
    
    var body: some View {
        NavigationView {
            VStack {
                Button(action: {
                    DeleteLastItem()
                }) {
                    Text("Delete last item")
                }

                Button(action: {
                    self.new_view = true
                }) {
                    Text("New View")
                }
                
                NavigationLink(destination: NewView(new_view_settings: content_view_settings), isActive: $new_view) {
                    EmptyView()
                }
            }
        }
    }
}

struct NewView: View {
    @ObservedObject var new_view_settings: Settings
    @State var index = -1
    
    var body: some View {
        VStack {
            Button(action: {
                self.index = self.new_view_settings.count - 1
            }) {
                Text("change index")
            }

            if self.index > -1 {
                Text("\(self.new_view_settings.data[index])")
            }  
        }
    }
}

问题的描述是这样的：

我有一个带有 ObservedObject 的视图，我在导航时将其传递给后续视图。此子视图访问数组的最后一个元素，但只有在通过单击按钮验证索引变量时才会这样做。然后仅在验证索引后才呈现文本。

现在，假设我验证了索引，因此在本例中它等于 5。然后我导航回原始视图。如果我删除最后一个元素，则索引 5 不再有效。一旦我删除最后一个元素，我就会得到一个无效的索引错误并且模拟器崩溃。

但是假设我向后导航并且不删除最后一个元素。然后当我向前导航时，索引变量被重置。

由于我遇到崩溃，这意味着视图仍然存在并且正在更新或其他东西，但是当我再次导航到它时，视图会重新加载。这是否意味着视图在再次初始化之前是活动的？这是人为的代码，但本质上是我遇到的问题。我认为原始代码会有点难以理解。

Answer 1

这是否意味着视图在再次初始化之前一直处于活动状态？

是的，即使在您导航回父视图后，该视图也可能处于活动状态。

---

为了更好地了解正在发生的事情，在 iPad 模拟器上运行相同的代码（最好在水平模式下）。您会注意到NavigationView 分为两部分：master 和 detail - 这样您就可以同时看到父视图和子视图。

现在，如果您对问题执行相同的实验，即使您返回，您也会看到子视图仍然存在。 iOS 上也是如此。

防止这种情况的一种方法是检查数组中是否存在索引：

struct NewView: View {
    @ObservedObject var new_view_settings: Settings
    @State var index = -1

    var body: some View {
        VStack {
            Button(action: {
                //self.index = self.new_view_settings.count - 1
            }) {
                Text("change index")
            }

            // check if `index` is in array
            if self.index > -1 && self.index < self.new_view_settings.data.count {
                Text("\(self.new_view_settings.data[index])")
            }
        }
    }
}

注意：一般来说，我不建议在 SwiftUI 视图中处理索引 - 通常有更好的方法来传递数据。处理索引是风险。