I am working with a Disclosure Group in SwiftUI. By default it displays the disclosure indicator, but it is the only thing you can tap on to display the content. I would like to be able to tap on the label 'row' to toggle the disclosure. I have set a 'sectionBindingManager' and a 'sectionBinding' function where I can set the default value (which works) to true or false, but I cannot toggle the disclosure. What am I missing?
The code:
class SectionBindingManager<T>: ObservableObject {
private var bindings: [UUID: Binding<T>] = [:]
private var bindingValues: [UUID: T] = [:]
func binding(for id: UUID, defaultValue: T) -> Binding<T> {
if let binding = bindings[id] {
return binding
} else {
bindingValues[id] = defaultValue
let newBinding = Binding<T> {
return self.bindingValues[id] ?? defaultValue
} set: { value in
self.bindingValues[id] = value
}
bindings[id] = newBinding
return newBinding
}
}
}
...
struct CuisineListView: View {
// MARK: - Properties
@EnvironmentObject var dataController: DataController
@EnvironmentObject var sectionBindingManager: SectionBindingManager<Bool>
...
private func sectionBinding(for id: UUID?) -> Binding<Bool> {
guard let id = id else {
return Binding<Bool> {
return true
} set: { value in
return
}
}
return sectionBindingManager.binding(for: id, defaultValue: false)
}
...
var body: some View {
Group {
List {
ForEach(cuisines, id: \.id) { cuisine in
DisclosureGroup(isExpanded: sectionBinding(for: cuisine.id)) {
ForEach(cuisine.sortedDishTypes(), id: \.id) { dishType in
NavigationLink(destination: RecipeListView(cuisine: cuisine, selectedDishType: dishType)) {
Text(dishType.name!)
.padding(.leading, 20)
}
}
} label: {
// Header
HStack {
Image(cuisine.icon ?? "North American")
.resizable()
.scaledToFit()
.frame(width: 24, height: 24)
Text(cuisine.name!)
.font(.headline)
.fontWeight(.semibold)
.padding(.leading, 5)
Spacer()
}
.contentShape(Rectangle())
.onTapGesture {
withAnimation {
isExpanded.toggle()
}
}
}
} //: LOOP
...
