如何替换 SwiftUI 中的当前视图？

Question

我正在使用 SwiftUI 开发应用程序。

我有一个 NavigationView，导航栏上有按钮。我想用另一个视图替换当前视图（这是 TabView 选择的结果）。

基本上，当用户单击“编辑”按钮时，我想用另一个视图替换视图以进行编辑，当用户完成后，通过单击“完成”按钮恢复之前的视图。

我可以只使用一个变量来动态选择在当前选项卡视图上显示哪个视图，但我觉得这不是 SwiftUI 中“正确的做法”。这样我就无法应用任何过渡视觉效果。

一些代码示例来解释我在寻找什么。

private extension ContentView {
    @ViewBuilder
    var navigationBarLeadingItems: some View {
        if tabSelection == 3 {
            Button(action: {
                print("Edit pressed")
                // Here I want to replace the tabSelection 3 view by another view temporarly and update the navigation bar items
                }) {
                    Text("Edit")
            }
        }
    }
}

struct ContentView: View {    

    var body: some View {
        NavigationView {
            TabView(selection: $tabSelection) {
                ContactPage()
                    .tabItem {
                        Text("1")
                    }
                    .tag(1)
                Text("Chats")
                    .tabItem() {
                        Text("2")
                    }
                    .tag(2)
                SettingsView()
                    .tabItem {
                        Text("3")
                    }
                    .tag(3)
            }.navigationBarItems(leading: navigationBarLeadingItems)
        }
    }
}

谢谢

编辑

我有一个工作版本，我只是在我的按钮操作中更新一个切换变量，使我的视图显示一个或另一个东西，它正在工作，但我不能对其应用任何动画效果，而且它看起来不SwiftUI 中的“正确”，我想还有一些我不知道的更好的东西。

Answer 1

如果您只想添加动画，您可以尝试：

struct ContentView: View {
    ...
    @State var showEditView = false

    var body: some View {
        NavigationView {
            TabView(selection: $tabSelection) {
                ...
                view3
                    .tabItem {
                        Text("3")
                    }
                    .tag(3)
            }
            .navigationBarItems(leading: navigationBarLeadingItems)
        }
    }
}

private extension ContentView {
    var view3: some View {
        VStack {
            if showEditView {
                FormView()
                    .background(Color.red)
                    .transition(.slide)
            } else {
                Text("View 3")
                    .background(Color.blue)
                    .transition(.slide)
            }
        }
    }
}

struct FormView: View {
    var body: some View {
        Form {
            Text("test")
        }
    }
}

一种可能的替代方法是使用 ViewRouter：How To Navigate Between Views In SwiftUI By Using An @EnvironmentObject.

如何替换 SwiftUI 中的当前视图？

How to replace the current view in SwiftUI?

ios

swift

swiftui

swiftui-navigationview

swiftui-tabview