swiftui - 从 SwiftUI 中的导航堆栈中删除屏幕

Question

我正在使用 NavigationLink在 NavigationView 中导航屏幕.
如何从导航堆栈中删除屏幕？
不只是隐藏导航“返回”按钮，而是从堆栈中完全删除屏幕？
例如，我有这样的屏幕链:A -> B -> C如何移除屏幕 B从 C 回去至 A ?
或者，另一个例子，如何移除屏幕 A和 B ，所以 C屏幕将是根？
或者这一切都不是 SwiftUI 的概念？

Answer 1

就您的第一个问题(从 C 到 A )而言，这通常被称为“弹出到根”，并且在 SO 上有许多解决方案，包括:https://stackoverflow.com/a/59662275/560942
您的第二个问题(将 A 替换为 C 作为根 View )有点不同。您可以通过替换 A 来做到这一点。与 C在 View 层次结构中。为了做到这一点，您需要有某种方式与父 View 进行通信——我选择了一个简单的 @State/@Binding要做到这一点，但可以使用 ObservableObject甚至回调函数。

enum RootView {
    case A, C
}

struct ContentView : View {
    @State private var rootView : RootView = .A
    
    var body: some View {
        NavigationView {
            switch rootView {
            case .A:
                ViewA(rootView: $rootView)
            case .C:
                ViewC(rootView: $rootView)
            }
        }.navigationViewStyle(StackNavigationViewStyle())
    }
}

struct ViewA : View {
    @Binding var rootView : RootView
    
    var body: some View {
        VStack {
            Text("View A")
            NavigationLink(destination: ViewB(rootView: $rootView)) {
                Text("Navigate to B")
            }
        }
    }
}

struct ViewB : View {
    @Binding var rootView : RootView
    
    var body: some View {
        VStack {
            Text("View B")
            NavigationLink(destination: ViewC(rootView: $rootView)) {
                Text("Navigate to C")
            }
            Button(action: {
                rootView = .C
            }) {
                Text("Navigate to C as root view")
            }
        }
    }
}

struct ViewC : View {
    @Binding var rootView : RootView
    
    var body: some View {
        VStack {
            Text("View C")
            switch rootView {
            case .A:
                Button(action: {
                    rootView = .C
                }) {
                    Text("Switch this to the root view")
                }
            case .C:
                Text("I'm the root view")
            }
        }
    }
}