菜单中的NavigationLink SwiftUI
菜单中的NavigationLink SwiftUI
提问于 2022-01-07 22:21:32
如何以编程方式从在Menu视图上选择SwiftUI中的操作的用户导航到新页面？当我选择一个选项时，我在这里没有导航。
示例代码：
struct MenuView: View {
@State var oneActive: Bool = false
@State var twoActive: Bool = false
var body: some View {
Menu {
Button {
oneActive = true
} label: {
Text("Option One")
}
Button {
twoActive = true
} label: {
Text("Option Two")
}
} label: {
Image(systemName: "ellipsis")
}
NavigationLink(destination: Text("Option One View"), isActive: $oneActive) { EmptyView() }
NavigationLink(destination: Text("Option Two View"), isActive: $twoActive) { EmptyView() }
}
}
struct ContentView: View {
var body: some View {
NavigationView {
VStack {
ScrollView {
ForEach(0..<100, id: \.self) { index in
Text("\(index)")
}
}
}
.navigationTitle("TItle")
.navigationBarTitleDisplayMode(.inline)
.toolbar {
ToolbarItem(placement: .navigationBarTrailing) {
MenuView()
}
}
}
}
}回答 1
Stack Overflow用户
发布于 2022-01-07 23:02:39
工具栏存在于NavigationView层次结构之外，这就是为什么NavigationLink在MenuView中不能工作的原因。相反，您可以将NavigationLinks放在NavigationView中，然后将Bindings发送到MenuView。
struct MenuView: View {
@Binding var oneActive: Bool
@Binding var twoActive: Bool
var body: some View {
Menu {
Button {
oneActive = true
} label: {
Text("Option One")
}
Button {
twoActive = true
} label: {
Text("Option Two")
}
} label: {
Image(systemName: "ellipsis")
}
}
}
struct ContentView: View {
@State private var oneActive: Bool = false
@State private var twoActive: Bool = false
var body: some View {
NavigationView {
VStack {
NavigationLink(destination: Text("Option One View"), isActive: $oneActive) { EmptyView() }
NavigationLink(destination: Text("Option Two View"), isActive: $twoActive) { EmptyView() }
ScrollView {
ForEach(0..<100, id: \.self) { index in
Text("\(index)")
}
}
}
.navigationTitle("TItle")
.navigationBarTitleDisplayMode(.inline)
.toolbar {
ToolbarItem(placement: .navigationBarTrailing) {
MenuView(oneActive: $oneActive, twoActive: $twoActive)
}
}
}
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/70627789
复制相关文章
相似问题
腾讯云开发者
