SwiftUI乘法挑战应用内容重复刷新逻辑问题求助

常见原因分析 #

这种重复刷新的问题核心是生成新题的逻辑被触发了两次：

• 第一次是用户选择答案时，代码直接调用了刷新方法；
• 第二次是点击「Continue」按钮时，再次调用了相同的刷新方法。

具体排查步骤 #

1. 检查答案选择的触发逻辑
   找到处理用户选择答案的方法（比如checkAnswer(_:)），查看其中是否在判断答案正确/错误后，直接调用了生成新题的函数（比如generateNewQuestion()）。如果有，这就是第一次刷新的来源。

2. 检查弹窗Continue按钮的逻辑
   查看弹窗中「Continue」按钮的action闭包，是否也调用了generateNewQuestion()。如果是，这就是第二次刷新的来源。

3. 检查状态变量的监听逻辑
   如果你用了onChange监听弹窗的显示状态（比如isShowingResult），确认是否在状态变化时自动触发了刷新。比如：

   .onChange(of: isShowingResult) { _ in
       generateNewQuestion()
   }
   

   这种写法会在弹窗显示和隐藏时各触发一次，也可能导致重复刷新。

修复方案 #

方案1：统一刷新触发点到Continue按钮

移除答案选择逻辑中的刷新调用，只保留Continue按钮的刷新动作：

// 处理答案的方法
func checkAnswer(_ selectedAnswer: Int) {
    if selectedAnswer == correctAnswer {
        score += 1
    }
    isShowingResult = true // 只弹出结果弹窗，不刷新题目
}

// Continue按钮
Button("Continue") {
    generateNewQuestion() // 这里统一触发刷新
    isShowingResult = false
}

方案2：通过弹窗关闭事件触发刷新

利用onChange监听弹窗关闭状态，仅在弹窗消失时刷新：

// Continue按钮只负责关闭弹窗
Button("Continue") {
    isShowingResult = false
}

// 监听弹窗状态，仅在关闭时刷新
.onChange(of: isShowingResult) { newValue in
    guard !newValue else { return } // 弹窗显示时不执行
    generateNewQuestion()
}

额外检查点 #

• 确认generateNewQuestion()方法内部没有触发其他会导致视图刷新的状态变更，避免连锁刷新。
• 如果使用了ObservableObject管理状态，检查是否有重复的objectWillChange.send()调用。

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