SwiftUI：播放暂停按钮点击后无法切换SF Symbol图标问题求助

哈哈，这个小坑我当初写SwiftUI播放器的时候也踩过！问题出在你把状态切换和播放/暂停的执行顺序搞反了，导致isPlaying的状态和实际操作完全不匹配，所以图标才一直显示不对。

问题根源分析 #

你的代码里先调用了self.isPlaying.toggle()，这时候isPlaying的状态已经直接反转了，但紧接着的判断逻辑是基于反转后的状态去执行播放/暂停操作，这就导致逻辑完全颠倒：

• 初始状态：isPlaying = false（显示play.fill，视频暂停）
• 第一次点击：toggle后isPlaying变成true，你判断if self.isPlaying为真，执行player.pause()——但此时视频本来就是暂停状态，等于没生效；而isPlaying的状态和实际播放状态脱节，图标自然不会正确切换。

修复方案 #

最直观的修复是先根据当前状态执行播放/暂停操作，再切换状态，让状态和操作完全同步：

@State var isPlaying : Bool = false

Button(action: {
    // 先基于当前状态执行对应操作
    if self.isPlaying {
        player.pause()
    } else {
        player.play()
    }
    // 再切换状态，触发视图更新图标
    self.isPlaying.toggle()
}) {
    Image(systemName: self.isPlaying ? "pause" : "play.fill")
}
.foregroundColor(.white)
.font(.system(size:34))

如果你非要保持先toggle的顺序，也可以把判断条件反过来，适配反转后的状态：

Button(action: {
    self.isPlaying.toggle()
    // 状态已反转，判断条件也要对应反转
    if !self.isPlaying {
        player.pause()
    } else {
        player.play()
    }
}) {
    Image(systemName: self.isPlaying ? "pause" : "play.fill")
}
.foregroundColor(.white)
.font(.system(size:34))

这两种写法都能让isPlaying的状态和视频实际播放状态完全匹配，SF Symbol图标也会正确切换了。

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