SwiftUI中Table内点击图片切换状态无响应，求问题排查

我想要展示一个每行包含文本和图片的Table，点击图片可切换其显示状态。该Table关联一个Item类的实例数组，类中包含存储图片状态的isClicked布尔属性，但点击操作似乎没有效果，以下是我的SwiftUI代码：

import SwiftUI

struct TestView: View {
    @State private var items = [
        Item(id: 1, text: "Eins", isClicked: false),
        Item(id: 2, text: "Zwei", isClicked: true),
        Item(id: 3, text: "Drei", isClicked: false)
    ]

    var body: some View {
        Table(items) { 
            TableColumn("Items") { item in
                HStack {
                    Text(item.text)
                    Button(action: {
                        item.isClicked.toggle()
                    }) {
                        Image(systemName: item.isClicked ? "checkmark.circle.fill" : "circle")
                    }
                }
            }
        }
    }
}

#Preview {
    TestView()
}

class Item: Identifiable {
    var id: Int
    var text: String
    var isClicked: Bool

    init(id: Int, text: String, isClicked: Bool) {
        self.id = id
        self.text = text
        self.isClicked = isClicked
    }
}

你的代码有两个核心问题，修复后就能正常工作：

1. Item类未实现可观察对象协议 #

SwiftUI无法感知普通class属性的变化，需要让Item遵循ObservableObject协议，并把isClicked标记为@Published属性——这样属性值变化时会自动发送通知，触发视图刷新。

2. 修改数组元素的方式错误 #

直接在闭包中修改item的属性，不仅无法让@State数组感知到变化，还可能因为值传递的问题导致修改的是副本。正确的做法是通过id找到数组中对应的元素，再修改其属性。

修复后的完整代码 #

import SwiftUI

struct TestView: View {
    @State private var items = [
        Item(id: 1, text: "Eins", isClicked: false),
        Item(id: 2, text: "Zwei", isClicked: true),
        Item(id: 3, text: "Drei", isClicked: false)
    ]

    var body: some View {
        Table(items) { 
            TableColumn("Items") { item in
                HStack {
                    Text(item.text)
                    Button(action: {
                        // 通过id定位数组中的目标元素
                        if let targetIndex = items.firstIndex(where: { $0.id == item.id }) {
                            items[targetIndex].isClicked.toggle()
                        }
                    }) {
                        Image(systemName: item.isClicked ? "checkmark.circle.fill" : "circle")
                    }
                }
            }
        }
    }
}

#Preview {
    TestView()
}

class Item: Identifiable, ObservableObject {
    let id: Int
    let text: String
    @Published var isClicked: Bool

    init(id: Int, text: String, isClicked: Bool) {
        self.id = id
        self.text = text
        self.isClicked = isClicked
    }
}

额外说明 #

• @Published会自动为属性添加发布订阅机制，属性变化时所有依赖它的视图都会刷新。
• 使用firstIndex(where:)通过唯一id定位元素，避免了数组索引混乱的问题，适合处理动态列表场景。

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