SwiftUI视图未随类中数组更新而刷新问题排查

核心问题分析 #

问题本质在于：WebSocket回调默认运行在后台线程，而SwiftUI的@Published属性必须在主线程更新才能触发视图刷新。另外需确认WebSocket回调中使用的EntityPositionViewModel实例和视图绑定的是同一个，避免实例不一致导致数据不同步。

解决方案步骤 #

1. 强制在主线程更新ViewModel属性 #

修改EntityPositionViewModel的方法，确保所有@Published属性的更新操作在主线程执行：

class EntityPositionViewModel: ObservableObject {
    
    @Published var entityPositionClassArray = [[String:String]]()
    @Published var entityOnline: Int = 0
    
    func EntityPositions() {
        DispatchQueue.main.async { [weak self] in
            guard let self = self else { return }
            self.entityPositionClassArray = entityPosArray
            self.entityOnline = self.entityPositionClassArray.count
            print("There are \(self.entityOnline) connected")
        }
    }
}

注：如果entityPosArray是从WebSocket回调中获取的，务必保证调用EntityPositions()时切换到主线程，或者直接在WebSocket的回调闭包里用DispatchQueue.main.async包裹更新逻辑。

2. 确保ViewModel实例唯一 #

检查WebSocket初始化代码，确认使用的是和视图绑定的同一个EntityPositionViewModel实例，避免重新创建新实例导致数据隔离：

struct EntityOnline: View {
    @ObservedObject var model = EntityPositionViewModel()
    
    var body: some View {
        VStack {
            Text("Test: \(model.entityOnline)")
                .font(.largeTitle)
        }
        .onAppear {
            // 初始化WebSocket时传入当前视图绑定的model实例
            setupWebSocket(with: model)
        }
    }
}

// 示例WebSocket初始化逻辑
func setupWebSocket(with viewModel: EntityPositionViewModel) {
    // 配置WebSocket连接
    let webSocket = WebSocket(url: URL(string: "your_ws_url")!)
    webSocket.onMessage = { message in
        // 解析消息得到新的entityPosArray
        viewModel.EntityPositions()
    }
    webSocket.connect()
}

3. 简化冗余代码（可选优化） #

entityOnline属性完全依赖数组的count，可直接在视图中使用数组count，减少冗余逻辑：

class EntityPositionViewModel: ObservableObject {
    @Published var entityPositionClassArray = [[String:String]]()
    
    func updatePositions(with newArray: [[String:String]]) {
        DispatchQueue.main.async { [weak self] in
            self?.entityPositionClassArray = newArray
            print("There are \(self?.entityPositionClassArray.count ?? 0) connected")
        }
    }
}

struct EntityOnline: View {
    @ObservedObject var model = EntityPositionViewModel()
    
    var body: some View {
        VStack {
            Text("Test: \(model.entityPositionClassArray.count)")
                .font(.largeTitle)
        }
    }
}

后续在WebSocket回调中直接调用model.updatePositions(with: 解析后的数组)即可。

关键注意点 #

• SwiftUI视图刷新依赖@Published属性在主线程发送变更通知，后台线程更新不会触发视图重载。
• 必须保证ViewModel实例在整个数据流中唯一，避免多个实例导致数据不同步。

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