SwiftUI中使用动态嵌套字典值作为Binding值的封装问题

问题背景 #

要实现食品列表按类型、颜色等条件筛选，采用嵌套类/结构体定义筛选数据结构，但在SwiftUI视图中绑定filterOn值时始终报错。

原数据结构代码：

class Filters {
    // 其他筛选类型，如日期等
    var listFilters: [String:ListFilter] = [:]
}

struct ListFilter {
    var name: String
    var items: [String: FilterShowAndOn]
}

struct FilterShowAndOn {
    var showFilter: Bool
    var filterOn: Bool
}

初始化代码：

func initFilters() -> Filters{
    let filters = Filters()
    
    filters.listFilters["Type"] = ListFilter(name: "Type", items:
                                                ["Vegetable": FilterShowAndOn(showFilter: true, filterOn: true),
                                                 "Fruit":FilterShowAndOn(showFilter: true, filterOn: true)])
    
    filters.listFilters["Color"] = ListFilter(name: "Color", items:
                                                ["Red": FilterShowAndOn(showFilter: true, filterOn: true),
                                                 "Green":FilterShowAndOn(showFilter: true, filterOn: true),
                                                 "Red":FilterShowAndOn(showFilter: true, filterOn: true)])
    
    return filters
}

原视图代码（报错）：

struct FiltersView: View {
    @Binding var filters: Filters
    
    var body: some View {
        Section("Type"){
            ForEach(filters.listFilters["Type"]!.items.keys.sorted(), id:\.self){ key in
                Toggle(key, isOn: $filters.listFilters["Type"].items[key].filterOn)
            }
        }
    }
}

报错原因 #

1. 响应式缺失：Filters类未遵循ObservableObject，也未用@Published修饰属性，SwiftUI无法监听数据变化，且无法生成有效绑定。
2. 可选路径问题：字典下标访问返回可选值，$filters.listFilters["Type"]是Binding<Optional<ListFilter>>，链式调用无法直接生成Bool类型的绑定。
3. 值类型特性：ListFilter和FilterShowAndOn是结构体（值类型），字典中存储的是副本，直接修改副本属性无法同步回原数据。

解决方案 #

步骤1：修正数据结构的响应式能力 #

让Filters类遵循ObservableObject，并用@Published监听listFilters的变化：

import SwiftUI

class Filters: ObservableObject {
    @Published var listFilters: [String: ListFilter] = [:]
}

struct ListFilter {
    var name: String
    var items: [String: FilterShowAndOn]
}

struct FilterShowAndOn {
    var showFilter: Bool
    var filterOn: Bool
}

步骤2：自定义Binding解决视图绑定问题 #

在FiltersView中，为每个Toggle创建自定义Binding，处理可选值和值类型的修改逻辑：

struct FiltersView: View {
    @ObservedObject var filters: Filters // 使用@ObservedObject监听ObservableObject
    
    var body: some View {
        Form {
            // 避免强制解包，先判断筛选类型是否存在
            if let typeFilter = filters.listFilters["Type"] {
                Section(typeFilter.name) {
                    ForEach(typeFilter.items.keys.sorted(), id: \.self) { key in
                        Toggle(key, isOn: Binding(
                            // 获取当前filterOn值，默认false防止空值崩溃
                            get: { filters.listFilters["Type"]?.items[key]?.filterOn ?? false },
                            // 修改时先取出结构体副本，修改后重新赋值回字典
                            set: { newValue in
                                guard var updatedListFilter = filters.listFilters["Type"] else { return }
                                var updatedItem = updatedListFilter.items[key] ?? FilterShowAndOn(showFilter: true, filterOn: false)
                                updatedItem.filterOn = newValue
                                updatedListFilter.items[key] = updatedItem
                                filters.listFilters["Type"] = updatedListFilter
                            }
                        ))
                        // 可根据showFilter控制Toggle是否可用
                        .disabled(!(filters.listFilters["Type"]?.items[key]?.showFilter ?? true))
                    }
                }
            }
        }
    }
}

可选优化：改用数组存储筛选项 #

如果想简化绑定逻辑，可将ListFilter中的items从字典改为数组，更适配SwiftUI的列表绑定：

// 重新定义筛选项结构体
struct FilterItem {
    let id: String // 如"Vegetable"、"Red"
    var showFilter: Bool
    var filterOn: Bool
}

struct ListFilter {
    var name: String
    var items: [FilterItem]
}

class Filters: ObservableObject {
    @Published var listFilters: [String: ListFilter] = [:]
}

// 初始化示例（修复Color中的重复"Red"问题）
func initFilters() -> Filters {
    let filters = Filters()
    filters.listFilters["Type"] = ListFilter(name: "Type", items: [
        FilterItem(id: "Vegetable", showFilter: true, filterOn: true),
        FilterItem(id: "Fruit", showFilter: true, filterOn: true)
    ])
    filters.listFilters["Color"] = ListFilter(name: "Color", items: [
        FilterItem(id: "Red", showFilter: true, filterOn: true),
        FilterItem(id: "Green", showFilter: true, filterOn: true)
    ])
    return filters
}

// 优化后的视图代码
struct FiltersView: View {
    @ObservedObject var filters: Filters
    
    var body: some View {
        Form {
            if let typeFilter = filters.listFilters["Type"] {
                Section(typeFilter.name) {
                    ForEach(typeFilter.items.indices, id: \.self) { index in
                        let item = typeFilter.items[index]
                        Toggle(item.id, isOn: Binding(
                            get: { filters.listFilters["Type"]?.items[index].filterOn ?? false },
                            set: { newValue in
                                guard var updatedFilter = filters.listFilters["Type"] else { return }
                                updatedFilter.items[index].filterOn = newValue
                                filters.listFilters["Type"] = updatedFilter
                            }
                        ))
                        .disabled(!item.showFilter)
                    }
                }
            }
        }
    }
}

关键注意事项 #

• 类类型数据源必须遵循ObservableObject，并通过@Published标记需要监听的属性，确保SwiftUI能感知数据变化。
• 对于字典、可选值等无法直接生成绑定的场景，需自定义Binding实现get和set逻辑。
• 值类型（结构体）的修改需遵循"取出副本→修改→重新赋值"的流程，才能将变化同步回原容器。

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