SwiftUI中基于Firebase Firestore的好友列表筛选显示问题

核心问题分析 #

你的代码存在两个关键问题导致UI无响应：

1. 静态变量无法触发响应式更新：Friends.list是static静态属性，而ObservableObject的响应式机制仅对实例属性生效，静态属性的变化不会通知视图刷新。
2. 缺少@Published包装器：即便改为实例属性，没有@Published标记的话，属性变化也无法触发视图重渲染。

分步修复代码 #

1. 修正Friends类

将静态属性改为带@Published的实例属性，确保变化能被SwiftUI捕获：

import Foundation
import Combine

class Friends: ObservableObject {
    @Published var list: [String] = []
    
    // 单例（可选，用于全局统一好友状态）
    static let shared = Friends()
}

2. 修改HomeView的好友筛选逻辑

在HomeView中注入Friends实例，基于实例的list做筛选（避免在ForEach内部写条件，符合SwiftUI对集合视图的要求）：

struct HomeView: View {
    // 初始化Friends实例，也可通过@EnvironmentObject从父视图传递
    @StateObject private var friends = Friends.shared
    @ObservedObject var viewModel: UserViewModel
    
    var body: some View {
        NavigationStack {
            VStack {
                ScrollView(showsIndicators: false) {
                    LazyVStack {
                        // 先筛选出好友用户，再遍历渲染
                        ForEach(viewModel.users.filter { friends.list.contains($0.id) }) { user in
                            NavigationLink(value: user) {
                                FriendCell(user: user)
                            }
                        }
                    }
                }
            }
        }
    }
}

3. 修正添加/移除好友的按钮逻辑

操作Friends实例的list，而非静态属性：

struct FriendActionView: View {
    var user: User
    @ObservedObject private var friends = Friends.shared
    
    func toggleFriend(userId: String) {
        if let index = friends.list.firstIndex(of: userId) {
            friends.list.remove(at: index)
        } else {
            friends.list.append(userId)
            print(friends.list)
        }
    }
    
    var body: some View {
        Button {
            toggleFriend(userId: user.id)
        } label: {
            Text(friends.list.contains(user.id) ? "移除好友" : "添加好友")
        }
    }
}

额外说明 #

• 使用Friends.shared单例是为了全局统一好友列表状态，若偏好依赖注入，也可通过@EnvironmentObject在父视图初始化后传递给子视图。
• 将筛选逻辑放到filter中而非ForEach内部的if条件，是因为SwiftUI的ForEach要求数据源为稳定的可识别集合，内部加条件可能导致视图识别异常。

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