SwiftUI视图生命周期与复用问题：重初始化后状态不更新

我来帮你拆解并解决这个视图生命周期和复用的问题，这在SwiftUI开发中是很常见的坑：

问题根源分析 #

• @State的初始化限制：@State变量的存储是由SwiftUI框架接管的，在init阶段它还没完成和视图的绑定，直接赋值self.userName根本触发不了视图更新，所以你看不到界面变化。
• 视图复用机制：SwiftUI会尽可能复用已存在的视图实例，如果父视图传递的id变了，但没明确标记视图的身份，SwiftUI不会重新调用init，旧实例自然不会执行新的初始化逻辑。
• 订阅未清理：你的loadData里订阅了Observable但没保存订阅引用，也没在视图销毁时取消订阅，这会导致内存泄漏，甚至旧的订阅还会错误地更新当前视图的状态。

修正后的代码实现 #

import Combine // 需要引入Combine框架管理订阅

struct TestView: View {
    let id: Int
    @State private var userName: String = ""
    private var cancellable: AnyCancellable? // 保存订阅引用，用于后续取消

    init(id: Int) {
        self.id = id
        print("Init \(id)")
    }

    var body: some View {
        VStack {
            if !userName.isEmpty {
                Text(userName)
            } else {
                Text("Loading...") // 增加加载状态提示
            }
        }
        .onAppear {
            loadData()
        }
        .onChange(of: id) { _ in
            // 只要id变化，就重新加载数据
            loadData()
        }
        .onDisappear {
            // 视图销毁时取消订阅，避免内存泄漏
            cancellable?.cancel()
        }
    }

    private func loadData() {
        // 先取消旧订阅，避免重复更新
        cancellable?.cancel()
        let obs = manager.getUser(id: id)
        cancellable = obs.subscribe(onNext: { user in
            self.userName = user.userName
        })
    }
}

关键优化点说明 #

• 用onChange(of:)监听id变化：不管视图是新建还是被复用，只要id改变，就会触发数据重新加载，保证数据和当前id匹配。
• 管理订阅生命周期：通过AnyCancellable保存订阅，在视图消失或重新加载前取消旧订阅，彻底避免内存泄漏和重复更新的问题。
• 把加载逻辑移到生命周期修饰符：放弃在init里调用loadData，改用onAppear和onChange，确保@State已经完成和视图的绑定，赋值后能正确触发界面更新。
• 添加加载状态：给用户明确的加载反馈，提升交互体验。

额外注意事项 #

在父视图中使用TestView时，一定要加上.id(id)修饰符，确保SwiftUI能识别id变化并正确处理视图的创建或复用：

// 父视图中的使用示例
TestView(id: currentId)
    .id(currentId)

这样当currentId变化时，SwiftUI会要么重建TestView实例，要么触发onChange回调，保证你的数据加载逻辑能正确执行。

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