How can I open the previous selection in a SwiftUI DisclosureGroup?

To open the previously selected item in a SwiftUI DisclosureGroup, you need to manage the state of the group's visibility. SwiftUI provides straightforward ways to achieve this, primarily using @State variables to control the isExpanded parameter of the DisclosureGroup.

Here’s how you can do it:

1. Using @State to control the expansion:

- Declare a @State variable to track which DisclosureGroup should be open. When a selection changes, update this state to reflect the new selection.

2. Example Implementation:

Here’s a basic example that demonstrates how to manage the open state of multiple DisclosureGroup elements:

struct ContentView: View {
  @State private var expandedGroupId: Int? = nil

  var body: some View {
    VStack {
      ForEach(0..<3) { index in
        DisclosureGroup(isExpanded: Binding(get: {
          expandedGroupId == index
        }, set: { newValue in
          expandedGroupId = newValue ? index : nil
        }), label: {
          Text("Group \(index + 1)")
        }) {
          Text("Content for group \(index + 1)")
            .padding()
        }
      }
    }
  }
}

3. Explanation:

- expandedGroupId: This @State variable holds the ID of the currently expanded DisclosureGroup. If no group is expanded, it's nil.

- ForEach: This iterates over a range to create multiple DisclosureGroup instances.

- Binding: A Binding is used to connect the isExpanded state of each DisclosureGroup to the expandedGroupId. It checks if the current index matches expandedGroupId and updates expandedGroupId when the DisclosureGroup is toggled.

4. Key Points:

- Ensure that the id you assign to each DisclosureGroup is unique. Using the index from ForEach is a common approach, but for more complex data, consider using a unique identifier from your data model.

- The binding logic is crucial for controlling the expansion state. When a DisclosureGroup is tapped, the binding updates expandedGroupId, ensuring only one DisclosureGroup is open at a time.

By implementing this approach, you can effectively manage the expansion state of DisclosureGroup elements, ensuring that only the previously selected item remains open, providing a consistent and user-friendly experience.

Learn more about this