列表行内的 SwiftUI @StateObject

Question

当行嵌入到像堆栈或NavigationLink 这样的容器中时，SwiftUI 似乎不会为列表行保留@StateObjects。这是一个例子：

class MyObject: ObservableObject {
    init() { print("INIT") }
}

struct ListView: View {
    var body: some View {
        List(0..<40) { _ in
            NavigationLink(destination: Text("Dest")) {
                ListRow()
            }
        }
    }
}

struct ListRow: View {
    @StateObject var obj = MyObject()
    var body: some View {
        Text("Row")
    }
}

当您向下滚动列表时，您会看到 "INIT" 记录了每个出现的新行。但是向上滚动，您会看到 "INIT" 再次记录每一行 - 即使它们已经出现了。

现在删除NavigationLink:

List(0..<40) { _ in
    ListRow()
}

并且@StateObject 的行为与预期一致：每一行只有一个"INIT"，没有重复。 ObservableObject 在视图刷新时保持不变。

SwiftUI 在持久化@StateObjects 时遵循什么规则？在此示例中，MyObject 可能正在存储重要的状态信息或下载远程资产 - 那么我们如何确保每行仅发生一次（与 NavigationLink 等结合使用时）？

Answer 1

以下是文档中关于 StateObject 的内容：

///     @StateObject var model = DataModel()
///
/// SwiftUI creates a new instance of the object only once for each instance of
/// the structure that declares the object. 

和List 确实不会创建新的行实例，而是重用之前创建的并离开屏幕。但是NavigationLink 每次都会为标签创建新实例，所以你会看到这个。

您的情况可能的解决方案是将NavigationLink inside ListRow:

struct ListView: View {
    var body: some View {
        List(0..<40) { _ in
            ListRow()
        }
    }
}

和

struct ListRow: View {
    @StateObject var obj = MyObject()
    var body: some View {
       NavigationLink(destination: Text("Dest")) {     // << here !!
          Text("Row")
       }
    }
}

如果你想在没有导航的地方重复使用ListRow，你甚至可以将它们分开

struct LinkListRow: View {
    @StateObject var obj = MyObject()
    var body: some View {
       NavigationLink(destination: Text("Dest")) {
          ListRow(obj: obj)
       }
    }
}