如何有条件地显示 SwiftUI 上下文菜单?
How do I present a SwiftUI context menu conditionally?
考虑以下视图代码:
Text("Something")
.contextMenu {
// Some menu options
}
这很好用。我想做什么:通过视图修饰符间接呈现 contextMenu。像这样:
Text("Something")
.modifier(myContextMenu) {
// Some menu options
}
原因:我需要在修饰符内部做一些逻辑来有条件地显示或不显示菜单。我无法为它计算出正确的视图修饰符签名。
还有另一个可用的 contextMenu 修饰符,它声称我可以有条件地为它显示上下文菜单。尝试这一点后,这对我没有帮助,因为一旦我将 contextMenu 修饰符添加到 iOS 上的 NavigationLink,其上的点击手势就会停止工作。在下面的回复中有讨论。
如何使用视图修饰符显示上下文菜单?
是这样的吗?
Text("Options")
.contextMenu {
if (1 == 0) { // some if statements here
Button(action: {
//
}) {
Text("Choose Country")
Image(systemName: "globe")
}
}
}
这里是可选上下文菜单使用的演示(使用 Xcode 11.2 / iOS 13.2 测试)
struct TestConditionalContextMenu: View {
@State private var hasContextMenu = false
var body: some View {
VStack {
Button(hasContextMenu ? "Disable Menu" : "Enable Menu")
{ self.hasContextMenu.toggle() }
Divider()
Text("Hello, World!")
.background(Color.yellow)
.contextMenu(self.hasContextMenu ?
ContextMenu {
Button("Do something1") {}
Button("Do something2") {}
} : nil)
}
}
}
这是我想出的。不完全满意,它可以更紧凑,但它按预期工作。
struct ListView: View {
var body: some View {
NavigationView {
List {
NavigationLink(destination: ItemView(item: "Something")) {
Text("Something").modifier(withiOSContextMenu())
}.modifier(withOSXContextMenu())
}
}
}
}
struct withOSXContextMenu: ViewModifier {
func body(content: Content) -> some View {
#if os(OSX)
return content.contextMenu(ContextMenu {
ContextMenuContent()
})
#else
return content
#endif
}
}
struct withiOSContextMenu: ViewModifier {
func body(content: Content) -> some View {
#if os(iOS)
return content.contextMenu(ContextMenu {
ContextMenuContent()
})
#else
return content
#endif
}
}
func ContextMenuContent() -> some View {
Group {
Button("Click me") {
print("Button clicked")
}
Button("Another button") {
print("Another button clicked")
}
}
}
考虑以下视图代码:
Text("Something")
.contextMenu {
// Some menu options
}
这很好用。我想做什么:通过视图修饰符间接呈现 contextMenu。像这样:
Text("Something")
.modifier(myContextMenu) {
// Some menu options
}
原因:我需要在修饰符内部做一些逻辑来有条件地显示或不显示菜单。我无法为它计算出正确的视图修饰符签名。
还有另一个可用的 contextMenu 修饰符,它声称我可以有条件地为它显示上下文菜单。尝试这一点后,这对我没有帮助,因为一旦我将 contextMenu 修饰符添加到 iOS 上的 NavigationLink,其上的点击手势就会停止工作。在下面的回复中有讨论。
如何使用视图修饰符显示上下文菜单?
是这样的吗?
Text("Options")
.contextMenu {
if (1 == 0) { // some if statements here
Button(action: {
//
}) {
Text("Choose Country")
Image(systemName: "globe")
}
}
}
这里是可选上下文菜单使用的演示(使用 Xcode 11.2 / iOS 13.2 测试)
struct TestConditionalContextMenu: View {
@State private var hasContextMenu = false
var body: some View {
VStack {
Button(hasContextMenu ? "Disable Menu" : "Enable Menu")
{ self.hasContextMenu.toggle() }
Divider()
Text("Hello, World!")
.background(Color.yellow)
.contextMenu(self.hasContextMenu ?
ContextMenu {
Button("Do something1") {}
Button("Do something2") {}
} : nil)
}
}
}
这是我想出的。不完全满意,它可以更紧凑,但它按预期工作。
struct ListView: View {
var body: some View {
NavigationView {
List {
NavigationLink(destination: ItemView(item: "Something")) {
Text("Something").modifier(withiOSContextMenu())
}.modifier(withOSXContextMenu())
}
}
}
}
struct withOSXContextMenu: ViewModifier {
func body(content: Content) -> some View {
#if os(OSX)
return content.contextMenu(ContextMenu {
ContextMenuContent()
})
#else
return content
#endif
}
}
struct withiOSContextMenu: ViewModifier {
func body(content: Content) -> some View {
#if os(iOS)
return content.contextMenu(ContextMenu {
ContextMenuContent()
})
#else
return content
#endif
}
}
func ContextMenuContent() -> some View {
Group {
Button("Click me") {
print("Button clicked")
}
Button("Another button") {
print("Another button clicked")
}
}
}