切换绑定<Bool>使用 SwiftUI 按钮操作

Question

我正在尝试在 SwiftUI 中创建一个简单的带标签的复选框，当按下按钮时切换isChecked 。 它与 Apple 的Binding文档中的示例非常相似：

import SwiftUI

struct LabeledCheckbox: View {
    var labelText: String
    @Binding var isChecked: Bool

    var checkBox: Image {
        Image(systemName: isChecked ? "checkmark.circle" : "circle")
    }

    var body: some View {
        Button(action: {
            self.isChecked.toggle()
        }) {
            HStack {
                checkBox
                Text(labelText)
            }
        }
    }
}

struct LabeledCheckbox_Previews: PreviewProvider {
    static var previews: some View {
        LabeledCheckbox(labelText: "Checkbox", isChecked: .constant(false))
    }
}

不幸的是，当我在“实时预览”模式下与此按钮交互时，按钮操作似乎并未实际切换isChecked 。 你可以在这里查看。 我在action闭包中放置了一个print(isChecked ? "checked" : "unchecked")调试语句，并在控制台输出中观察到isChecked从未被切换。

我还尝试通过在 LabeledCheckbox_Previews 中传递状态变量来使LabeledCheckbox可LabeledCheckbox_Previews 。 该按钮仍然不可切换。

struct LabeledCheckbox_Previews: PreviewProvider {
    @State private static var isChecked = false

    static var previews: some View {
        LabeledCheckbox(labelText: "Checkbox", isChecked: $isChecked)
    }
}

我究竟做错了什么？ 任何帮助表示赞赏。

Answer 1

您需要提供可变状态，而不是常量值。 例如像这样。

import SwiftUI

struct LabeledCheckbox: View {
  var labelText: String
  @Binding var isChecked: Bool

  var checkBox: Image {
    Image(systemName: isChecked ? "checkmark.circle" : "circle")
  }

  var body: some View {
    Button(action: {
      self.isChecked.toggle()
    }) {
      HStack {
        checkBox
        Text(labelText)
      }
    }
  }
}

struct ContentView: View {
  @State private var isChecked = false

  var body: some View {
    LabeledCheckbox(labelText: "Checkbox", isChecked: $isChecked)
  }
}

struct ContentView_Previews: PreviewProvider {
  static var previews: some View {
    ContentView()
  }
}