Publisher 内的 Publisher 不会触发 SwiftUi 重新渲染

Question

我在 EnvironmentObject 中为我的应用创建了一个“状态”对象像这样：

class AppState: ObservableObject {
    @Published var counter = Counter()
}

要将此添加到我的应用程序，我使用：

window.rootViewController = UIHostingController(rootView: contentView.environmentObject(state))

计数器是后台任务

class Counter: ObservableObject {
    
    @Published var amount: Double
    
    var timer = Timer()
    
    init() {
        self.amount = 0.0
        self.timer = Timer.scheduledTimer(timeInterval: 1, target: self, selector: #selector(setCoords), userInfo: nil, repeats: true)
    }
    
    @objc private func setCoords() {
        DispatchQueue.main.async() { () -> Void in
            self.amount = self.amount + 0.1
            print(self.amount)
        }
    }  
}

在我看来我有：

struct ContentView: View {

    @EnvironmentObject var state: AppState
    @State var isVisible = true
    
    var body: some View {
        VStack {
            Button(action: {
                self.isVisible.toggle()
            }) {
               Text("Button")
            }
            if isVisible {
                Text(state.counter.amount.description)
            }
        }
    }
}

所以基本上，我希望我能在我的 UI 每秒更新后看到计数器。但是 UI 不会更新。我看到打印语句每秒触发一次，如果我从 UI 按钮 self.isVisible.toggle() 触发 UI 更新，那么计数器也会更新。

如何在不将计数器移动到视图或在状态对象中实现它的情况下解决这个问题？

Answer 1

你的假设不正确。您将 Counter 设为 ObservableObject，但从未观察到它。

将 state 设为 @EnvironmentObject 您会观察到属性 var counter 的变化，但不会看到其中的变化。它是 class，引用类型，而不是结构，所以实例内部属性的修改不会导致实例本身的修改 - 引用保持不变，所以 state 没有改变。

这是使快照工作的方法之一 - 通过引入显式发布者事件来观察和更新相关的本地视图状态：

@State var currentCounter: String = ""
var body: some View {
    VStack {
        Button(action: {
            self.isVisible.toggle()
        }) {
           Text("Button")
        }
        if isVisible {
            Text(currentCounter)
            .onReceive(state.counter.$amount, perform: { value in
                self.currentCounter = value.description
            })
        }
    }
}

Publisher 内的 Publisher 不会触发 SwiftUi 重新渲染

Publisher inside a Publisher does not trigger SwiftUi re-render

swift

swiftui

combine