SwiftUI实现的Checkbox在Xcode预览中不生效，但模拟器运行正常

我用SwiftUI实现了一个Checkbox组件，在iOS模拟器里运行一切正常，点击能切换选中状态；但在Xcode预览画布中点击该组件，选中状态完全没变化。相关代码如下：

//
//  CheckboxToggle.swift
//  
//
//

import SwiftUI

enum CheckboxShape : String {
    case circle = "circle"
    case square = "square"
}

struct Checkbox: View {
    
    @Binding var isChecked:Bool
    var style:CheckboxShape
    @State var action:(Bool)->() = {_ in }
    
    var body: some View {
        Button {
            isChecked.toggle()
            action(isChecked)
        } label: {
            let shape = style.rawValue
            Image(systemName: isChecked ? "checkmark.\(shape).fill" : "\(shape)")
              .resizable()
              .frame(width: 24, height: 24)
              .foregroundColor(isChecked ? .green : .gray)
              .font(.system(size: 20, weight: .regular, design: .default))

        }
        .buttonStyle(PlainButtonStyle())
    }
}

struct Checkbox_Previews: PreviewProvider {
    @State static var isChecked:Bool = false
    // Not sure why this preview doens't work but the view works in other views fine.
    static var previews: some View {
        HStack {
            Checkbox(isChecked: $isChecked, style: .circle)
        }
    }
}

核心问题出在预览代码里的静态@State变量：

• SwiftUI的PreviewProvider属于静态上下文，静态的@State变量无法像普通视图内的@State那样触发视图重渲染。点击Checkbox后，虽然isChecked的值可能已经改变，但预览画布无法感知到这个变化并刷新视图，所以看不到选中状态切换。
• 另外，Checkbox组件里的action用@State修饰是多余的，闭包参数不需要用@State管理，它只是一个外部传入的回调，不需要视图内部维护状态。

1. 调整预览代码，用容器视图管理状态 #

把静态的@State放到一个临时的容器视图中，让容器视图负责状态管理，这样预览就能正常响应状态变化：

struct Checkbox_Previews: PreviewProvider {
    static var previews: some View {
        PreviewContainer()
    }
    
    // 临时容器视图，负责管理预览的状态
    struct PreviewContainer: View {
        @State private var isChecked: Bool = false
        
        var body: some View {
            HStack {
                Checkbox(isChecked: $isChecked, style: .circle)
            }
        }
    }
}

2. 修正Checkbox组件的action属性 #

去掉action上的@State修饰，因为它只是一个普通的回调参数：

struct Checkbox: View {
    @Binding var isChecked: Bool
    var style: CheckboxShape
    var action: (Bool) -> () = { _ in } // 移除@State修饰符
    
    var body: some View {
        // ... 其余代码保持不变
    }
}

修改完成后，Xcode预览画布中的Checkbox就能正常点击切换选中状态了。

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