SwiftUI中调用对象属性修改函数后视图未更新及状态绑定疑问

一、视图不更新的核心原因 #

你的TaskCounter是普通类，SwiftUI无法检测到它内部属性的变化。SwiftUI的视图更新依赖可观察对象的状态变更通知，普通类的属性修改不会触发视图刷新。

二、@State与@Binding的理解纠正 #

你的理解部分正确，但有关键遗漏：

• @State确实用于存储顶层视图的私有状态，是值类型的“单一数据源”，会自动触发视图更新，但它仅适用于值类型（如Int、String、结构体），不适合引用类型（类）。
• @Binding是对已有状态的引用，让子视图可以读写父视图的状态，但它本身不存储数据，只是传递状态的读写权限。若绑定的是引用类型，其内部属性变化同样不会触发视图更新。

三、修复方案 #

1. 改造TaskCounter类 #

让类遵循ObservableObject协议，并用@Published标记需要触发视图更新的属性：

class TaskCounter: Identifiable, ObservableObject
{
    let id: UUID
    @Published var count: Int
    var name: String

    init(id: UUID = UUID(), count: Int = 0, name: String)
    {
        self.id = id
        self.count = count
        self.name = name
    }

    func update() {
        count += 1
    }
}

extension TaskCounter {
    static let sampleTasks: [TaskCounter] = [
        TaskCounter(name: "A"),
        TaskCounter(name: "B"),
        TaskCounter(name: "C")
    ]
}

• @Published会在属性变化时发送通知，SwiftUI收到通知后会自动刷新相关视图。
• 修正了sampleTasks的语法错误，添加static关键字，补全初始化参数名。

2. 调整顶层视图的状态声明 #

因为TaskCounter是引用类型，顶层视图需要用@StateObject（而非@State）来持有它：

struct ContentView: View {
    @StateObject private var tasks: [TaskCounter] = TaskCounter.sampleTasks

    var body: some View {
        // 底部栏逻辑...
        SmallerView(tasks: $tasks)
    }
}

• @StateObject专门用于持有引用类型的可观察对象，确保对象生命周期与视图一致，并监听其@Published属性的变化。

3. 修正子视图的绑定逻辑 #

ForEach遍历引用类型数组时，直接绑定数组元素即可：

struct SmallerView: View {
    @Binding var tasks: [TaskCounter]

    var body: some View {
        ForEach($tasks) { $task in
            SmallerCardView(task: $task)
        }
    }
}

struct SmallerCardView: View {
    @Binding var task: TaskCounter

    var body: some View {
        Button(action: {
            task.update()
        }) {
            Rectangle()
                .frame(width: 100, height: 100)
                .overlay(Text("\(task.count)")) // 显示count，验证更新效果
        }
    }
}

• ForEach($tasks)直接绑定数组元素，子视图通过@Binding拿到可观察对象的引用，调用update()修改@Published的count时，会自动触发视图刷新。

四、关键总结 #

• 引用类型的状态管理必须用ObservableObject + @Published，配合@StateObject（顶层视图）或@ObservedObject（子视图）使用。
• @State仅适用于值类型，@Binding用于传递状态的读写权限，两者都无法检测引用类型内部属性的变化。

内容的提问来源于stack exchange，提问作者easy-developer