gpt4 book ai didi

ios - SwiftUI 2.0 List with children - 如何使显示按钮的可点击区域覆盖整个列表项

转载 作者:行者123 更新时间:2023-12-01 18:34:18 25 4
gpt4 key购买 nike

我正在为 iOS 14 制作一个 SwiftUI 应用程序,我有一个侧边栏列表使用新的 children:使列表可扩展的列表属性:

但是,目前我只能在我精确单击披露箭头时展开此列表。例如,当我单击“我的酷项目”文本时,我也希望能够展开此列表。
这在"file"应用程序中是可能的 - 当我单击“位置”文本时,我可以看到“位置”项的所有子项,但我不知道如何在我的应用程序中执行此操作。

澄清一下,List每个项目的项目是 Text View 和子列表项是 NavigationLink这种行为在 SwiftUI 中是否可行,甚至可以通过 onTapGesture 以编程方式或使用除 List 以外的其他方式进行编程?提前感谢您的任何帮助/建议!

最佳答案

这是方法的演示(当然,在您的项目中,您会将展开/折叠状态移动到 View 模型中)
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])
}

关于ios - SwiftUI 2.0 List with children - 如何使显示按钮的可点击区域覆盖整个列表项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63228081/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com