如何在不使用表格的情况下从navigationBarItem导航到新视图?

时间:2020-05-11 20:13:16

标签: navigation swiftui

我的应用程序的NavigationBar中有一个“添加”按钮,我想显示另一个填充视图的视图,而不是像默认情况下使用表格时那样以模态显示。

代码如下:

.navigationBarItems(leading: EditButton(), trailing: Button(action: {
         self.showingAddScreen.toggle()
     }) {
         Image(systemName: "plus")
     })
     .sheet(isPresented: $showingAddScreen) {
         NavigationView {
             AddTaskView().environment(\.managedObjectContext, self.moc)
         }
 }

NavigationLink将另一个视图压入堆栈。是否可以将 NavigationLink navigationBarItems 一起使用,还是有更好的方法全屏显示所需的视图?

2 个答案:

答案 0 :(得分:1)

您尝试过类似的方法吗?

.navigationBarItems(leading: NavigationLink(destination: YourAnotherView(), label: {
                Text("Your Label or Icon")
            }), trailing: NavigationLink(destination: YourAnotherView(), label: {
                Text("Your label or Icon")
            }))

答案 1 :(得分:1)

在条形按钮项中使用NavigationLink没问题。

使代码更简洁,而不是像这样直接内联创建代码

.navigationBarItems(trailing: NavigationLink(destination: SecondView()) { Image(systemName: "plus") })

我将创建一个计算属性

var addButton: some View {
    NavigationLink(destination: SecondView()) { Image(systemName: "plus") })
}

// [...]
.navigationBarItems(trailing: addButton)

确保仅在第一个视图上有一个NavigationView

如果您想要更复杂的内容,请查看这篇帖子How To Navigate Between Views In SwiftUI By Using An @ObservableObject

这就是我当前项目中使用的