SwiftUI数据变更时视图未更新问题求助

核心问题 #

• 复用RollingWindowBuffer实例时，SwiftUI视图无法响应数据变更完成更新
• 内联创建该实例时，视图能正常更新，但Combine的sink会随新事件触发次数呈指数级增长

问题根源 #

1. 复用实例视图不更新：
   复用@Observable标记的RollingWindowBuffer时，若实例未被正确的属性包装器持有（比如用普通变量存储），SwiftUI无法追踪其内部属性的变化；或实例生命周期与视图生命周期不匹配，导致视图无法订阅到变更事件。

2. Sink指数级调用：
   内联创建实例时，每次视图刷新都会重新创建sink订阅，旧订阅未被正确取消，导致订阅叠加，触发次数指数级上升。

解决方案 #

1. 修复复用实例时视图不更新问题 #

• 如果RollingWindowBuffer是类类型，用@StateObject持有单例实例，确保其生命周期与视图绑定：

  @Observable
  class RollingWindowBuffer {
      var count = 0
      func addData(_ data: Int) {
          count += 1
      }
  }
  
  struct ContentView: View {
      @StateObject private var buffer = RollingWindowBuffer()
      
      var body: some View {
          VStack {
              Text("当前计数: \(buffer.count)")
              Button("添加数据") {
                  buffer.addData(1)
              }
          }
      }
  }
  

• 如果是值类型（struct），用@State持有，确保变更时触发视图更新：

  @Observable
  struct RollingWindowBuffer {
      var count = 0
      mutating func addData(_ data: Int) {
          count += 1
      }
  }
  
  struct ContentView: View {
      @State private var buffer = RollingWindowBuffer()
      
      var body: some View {
          // 视图内容
      }
  }
  

• 确认RollingWindowBuffer内部需追踪的属性未被私有化，自定义嵌套类型也需标记@Observable以保证可追踪性。

2. 修复Sink指数级调用问题 #

• 用Set<AnyCancellable>存储订阅，并在视图销毁时取消：

  struct ContentView: View {
      @StateObject private var buffer = RollingWindowBuffer()
      @State private var cancellables = Set<AnyCancellable>()
      
      var body: some View {
          VStack {
              // 视图内容
          }
          .onAppear {
              buffer.dataPublisher
                  .sink { receivedData in
                      // 处理数据逻辑
                  }
                  .store(in: &cancellables)
          }
          .onDisappear {
              cancellables.removeAll()
          }
      }
  }
  

• 或使用.task修饰符，其订阅生命周期与视图绑定，会自动取消：

  struct ContentView: View {
      @StateObject private var buffer = RollingWindowBuffer()
      
      var body: some View {
          VStack {
              // 视图内容
          }
          .task {
              for await data in buffer.dataStream {
                  // 处理数据逻辑
              }
          }
      }
  }
  

• 绝对避免在body中直接创建订阅，因为body会被频繁调用，每次都会生成新的订阅实例。

额外注意 #

• 对于@Observable标记的类型，优先直接修改内部属性，而非替换整个实例（值类型用@State持有除外）。
• 使用环境对象时，需在父视图通过.environmentObject(buffer)注入，子视图用@EnvironmentObject接收，确保实例生命周期与父视图一致。

内容的提问来源于stack exchange，提问作者Avba