Member-only story
Building Expandable List with OutlineGroup & DisclosureGroup in SwiftUI 2.0
Building an expandable list with nested items is quite a complex and error prone task to implement when using UITableView in UIKit. Luckily with SwiftUI 2.0, Apple introduced OutlineGroup and DisclosureGroup. With the views in our arsenal, we can build a hierarchical expandable and collapsible list with minimal lines of code using declarative syntax and reactive state management.
What We Will Build
We’re going to explore about OutlineGroup and DisclosureGroup, and how we can use them in practice to build List that represent hierarchical data in the UI by building three different kind of screens:
- Using
Listto render hierarchical data. - Using
OutlineGroupin List to handle multiple kind of views. - Using
DisclosureGroupfor expandable/collapsible behavior to group of views with state binding.
You can download the completed project from the GitHub Repository.
