SwiftUI 2.0 List с дочерними элементами - как сделать так, чтобы область нажатия кнопки раскрытия закрывала весь элемент списка - PullRequest
Новая
       106

SwiftUI 2.0 List с дочерними элементами - как сделать так, чтобы область нажатия кнопки раскрытия закрывала весь элемент списка

1 голос
/ 03 августа 2020

Я делаю приложение SwiftUI для iOS 14, и у меня есть список на боковой панели, который использует новый атрибут children: списка, чтобы сделать список расширяемым:

image

Однако На данный момент я могу расширить этот список, только если щелкну точно по стрелке раскрытия. Я хотел бы иметь возможность расширять этот список, например, когда я нажимаю на текст «Мой крутой проект».

Это возможно в приложении «Файлы» - я могу видеть всех дочерних элементов Элемент Locations, когда я нажимаю на текст с надписью «Locations», но я не могу понять, как это сделать в моем приложении.

image

Чтобы уточнить, List элемент для каждого проекта - это Text view, а элементы дочернего списка - NavigationLink

Возможно ли такое поведение в SwiftUI, даже программно через onTapGesture или с чем-то другим, кроме List? Заранее благодарим за любую помощь / совет!

1 Ответ

2 голосов
/ 03 августа 2020

Вот демонстрация подхода (конечно, в вашем проекте вы переместите состояние развертывания / свертывания в модель представления)

демо 

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])
}
...