SwiftUI过滤数组时Binding在父子视图同步失效问题求助

我在学习SwiftUI的Binding用法，实现了一个用户详情页，需求是仅对活跃（未禁用）用户显示「禁用」按钮。不加状态过滤时功能正常，但在父视图和详情视图中添加只显示活跃用户的if判断后，点击「禁用」按钮，按钮不会消失。移除过滤判断功能恢复正常，但会显示所有用户。尝试过用数组filter方法，结果一样，求能根据用户状态正确显示禁用按钮的解决方案。

用户模型 #

struct User: Identifiable, Codable{
    var id: Int
    var userStatus: UserStatus?
}

enum UserStatus: Codable{
    case active
    case disabled
}

用户状态管理类 #

class UserManager: ObservableObject {
    @Published var users: [User] = []
    
    init(){
        self.users = [ 
             // 初始化用户数据
        ]
    }

    func disableUser(userId: Int){
        if let userIdx = users.firstIndex(where: { $0.id == userId }){
            users[userIdx].userStatus = .disabled
        }
    }
}

父视图 #

@EnvironmentObject var userManager: UserManager

// ...

VStack{
    ForEach($userManager.users){ $user in
        if(user.userStatus == .active){
            NavigationLink(destination: UserDetailView(user: $user)){
                UserCardView(user: $user)
            }
            .buttonStyle(.plain)
        }
    }
}

用户详情视图 #

struct UserDetailView: View {

    @EnvironmentObject var userManager: UserManager
    var user: Binding<User>
    
    var body: some View {
        // ... 其他视图内容
        if(user.userStatus.wrappedValue == .active){
            Button("Disable"){
                userManager.disableUser(userId: user.id)
            }
        }
    }
}

问题根源 #

在ForEach内部直接用if过滤用户，会导致SwiftUI的视图标识和更新逻辑混乱：当用户状态从active变为disabled时，父视图中对应的NavigationLink会被移除，但已推入导航栈的详情视图不会自动感知到状态变化，且Binding的更新通知可能因为视图树结构变化而无法触发详情视图的刷新。

修复步骤 #

1. 先过滤活跃用户的Binding数组，再遍历

在父视图中添加一个计算属性，提前过滤出所有活跃用户的Binding，再将这个数组传给ForEach：

@EnvironmentObject var userManager: UserManager

// 新增计算属性：过滤出活跃用户的Binding数组
private var activeUserBindings: [Binding<User>] {
    $userManager.users.filter { $0.wrappedValue.userStatus == .active }
}

var body: some View {
    VStack{
        // 遍历已过滤的Binding数组
        ForEach(activeUserBindings) { $user in
            NavigationLink(destination: UserDetailView(user: $user)){
                UserCardView(user: $user)
            }
            .buttonStyle(.plain)
        }
    }
}

2. 优化详情视图的状态判断

将详情视图中对wrappedValue的直接访问改为使用Binding的投影值，确保状态变化能及时触发视图更新：

struct UserDetailView: View {

    @EnvironmentObject var userManager: UserManager
    var user: Binding<User>
    
    var body: some View {
        // ... 其他视图内容
        // 直接用Binding的投影值判断状态，无需访问wrappedValue
        if user.userStatus == .active {
            Button("Disable"){
                userManager.disableUser(userId: user.id.wrappedValue)
            }
        }
    }
}

原理说明 #

• 提前过滤Binding数组，让ForEach只处理活跃用户，当用户被禁用时，这个数组会自动移除对应的元素，父视图能正确更新视图列表。
• 使用Binding的投影值（user.userStatus）而非wrappedValue，可以让SwiftUI直接监听状态变化，确保详情视图能实时响应状态更新，自动隐藏「禁用」按钮。

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