SwiftUI 2.0 List with children – how to make the tappable area of the disclosure button cover the whole list item

by

Here is a demo of approach (of course in your project you’d move expand/collapse state into view model)

demo

struct DemoDisclosureGroups: View {
    let items: [Bookmark] = [.example1, .example2, .example3]
    @State private var flags: [Bool] = [false, false, false]

    var body: some View {
        List {
            ForEach(Array(items.enumerated()), id: \.1.id) { i, group in
                DisclosureGroup(isExpanded: $flags[i]) {
                    ForEach(group.items ?? []) { item in
                        Label(item.name, systemImage: item.icon)
                    }
                } label: {
                    Label(group.name, systemImage: group.icon)
                        .contentShape(Rectangle())
                        .onTapGesture {
                            withAnimation {
                                self.flags[i].toggle()
                            }
                        }
                }
            }
        }
    }
}

struct Bookmark: Identifiable {
    let id = UUID()
    let name: String
    let icon: String
    var items: [Bookmark]?

    // some example websites
    static let apple = Bookmark(name: "Apple", icon: "1.circle")
    static let bbc = Bookmark(name: "BBC", icon: "square.and.pencil")
    static let swift = Bookmark(name: "Swift", icon: "bolt.fill")
    static let twitter = Bookmark(name: "Twitter", icon: "mic")

    // some example groups
    static let example1 = Bookmark(name: "Favorites", icon: "star", items: [Bookmark.apple, Bookmark.bbc, Bookmark.swift, Bookmark.twitter])
    static let example2 = Bookmark(name: "Recent", icon: "timer", items: [Bookmark.apple, Bookmark.bbc, Bookmark.swift, Bookmark.twitter])
    static let example3 = Bookmark(name: "Recommended", icon: "hand.thumbsup", items: [Bookmark.apple, Bookmark.bbc, Bookmark.swift, Bookmark.twitter])
}

More Related Contents:

  1. SwiftUI app life cycle iOS14 where to put AppDelegate code?
  2. iOS14 introducing errors with @State bindings
  3. SwiftUI: What is @AppStorage property wrapper
  4. Clear background for form sections in SwiftUI?
  5. Detect app launch from WidgetKit widget extension
  6. How to hide keyboard when using SwiftUI?
  7. What is the difference between ObservedObject and StateObject in SwiftUI
  8. SwiftUI – Multiple Buttons in a List row
  9. SwiftUI NavigationLink loads destination view immediately, without clicking
  10. SwiftUI NavigationView navigationBarTitle LayoutConstraints issue
  11. Add bottom border line to UI TextField view in SwiftUI / Swift / Objective-C / Xamarin
  12. SwiftUI MVVM Coordinator/Router/NavigationLink
  13. SwiftUI @Binding Initialize
  14. SwiftUI: Status bar color
  15. SwiftUI DatePicker Binding optional Date, valid nil
  16. Automatically adjustable view height based on text height in SwiftUI
  17. How to make view the size of another view in SwiftUI
  18. Is there a SwiftUI equivalent for viewWillDisappear(_:) or detect when a view is about to be removed?
  19. Swiftui – How do I initialize an observedObject using an environmentobject as a parameter?
  20. iOS SwiftUI: pop or dismiss view programmatically
  21. How can I implement PageView in SwiftUI?
  22. Prevent dismissal of modal view controller in SwiftUI
  23. How to observe changes in UserDefaults?
  24. SwitUI – Two navigationLink in a list
  25. @Published property wrapper not working on subclass of ObservableObject
  26. SwiftUI: Deleting last row in ForEach
  27. How to have a dynamic List of Views using SwiftUI
  28. Proportional height (or width) in SwiftUI
  29. SwiftUI – Detect when ScrollView has finished scrolling?
  30. SwiftUI TabView PageTabViewStyle prevent changing tab?

Leave a Comment