SwiftUI DispatchQueue 按钮

Question

我不明白 SwiftUI 和 DispatchQueues 如何工作的问题。这是代码。

这有效，并将继续每秒刷新计数器状态变量。

// Example 1 - This works
struct TimerButtonTest : View {
    @State var counter: Int = 0
    var body: some View {        
        start()
        return VStack { Text("\(counter)") }
    }

    func start() {
        DispatchQueue.main.asyncAfter(deadline: .now() + .milliseconds(1000)) {
            self.counter += 1
        }
    }
}

这不是。按下按钮后，计数器增加 1（1 秒后）但停止。

// Example 2 - This does not work
struct TimerButtonTest : View {
    @State var counter: Int = 0
    var body: some View {
        return Button(action: {self.start()}, label: {Text("\(counter)")})
    }

    func start() {
        DispatchQueue.main.asyncAfter(deadline: .now() + .milliseconds(1000)) {
            self.counter += 1
        }
    }
}

为什么计数器不像第一个示例那样继续递增？

Answer 1

在第一段代码中，每次评估按钮的body 时都会调用start。

start（最终）更新counter，这是绑定到按钮Text 的状态。更新绑定状态会导致 SwiftUI 再次评估 body var。这会调用start，它会调用asyncAfter，并且该过程会无限重复。正如 Rob 在 cmets 中指出的那样，这不是一个很好的方法 - body 可能会在任何时间和任意次数被调用，因此您不能保证每秒只会获得一次更新。

在第二段代码中，您只在点击按钮时调用start。 counter 将在一秒钟后更新，Text 也会更新。在您再次点击该按钮之前不会发生任何进一步的事情。