ios - SwiftUI DisclosureGroup 分别展开每个部分

Question

我正在使用 Foreach 和 DisclosureGroup 来显示数据。每个部分都可以展开/折叠。然而，它们都在同时展开/折叠。

How do I Expand/Collapse each section individually?

struct TasksTabView: View {
        
    @State private var expanded: Bool = false
        
    var body: some View {
        ForEach(Array(self.dict!.keys.sorted()), id: \.self) { key in
            if let tasks = self.dict![key] {
                DisclosureGroup(isExpanded: $expanded) {
                    ForEach(Array(tasks.enumerated()), id:\.1.title) { (index, task) in
                        VStack(alignment: .leading, spacing: 40) {
                            PillForRow(index: index, task: task)
                                .padding(.bottom, 40)
                        }.onTapGesture {
                            self.selectedTask = task
                        }
                    }
                } label: {
                    Header(title: key, SubtitleText: Text(""), showTag: true, tagValue: tasks.count)
                }.accentColor(.rhinoRed)
            }
        }
    }
}

Answer 1

您可以有一个包含所有展开部分的键的 Set。如果某个部分已展开，请将其添加到集合中。然后在折叠时将其删除。

代码:

@State private var expanded: Set<String> = []

DisclosureGroup(
    isExpanded: Binding<Bool>(
        get: { expanded.contains(key) },
        set: { isExpanding in
            if isExpanding {
                expanded.insert(key)
            } else {
                expanded.remove(key)
            }
        }
    )
) {
    /* ... */
}