SwiftUI：如何不经过中间视图直接返回RootView

你当前的代码问题在于通过NavigationLink创建了新的RootView实例，导致导航栏嵌套，而非回到原导航栈的根视图。以下是两种可行的解决方案：

方案一：iOS 16+ 使用 NavigationStack + 路径绑定 #

这是SwiftUI 3.0+推荐的导航管理方式，通过绑定路径数组精准控制导航栈：

import SwiftUI

// 定义页面枚举，统一标识不同视图
enum Page {
    case view1
    case view2
}

struct RootView: View {
    // 绑定导航路径，数组为空时自动回到根视图
    @State private var navigationPath = [Page]()
    
    var body: some View {
        NavigationStack(path: $navigationPath) {
            Button("Navigate to view1") {
                navigationPath.append(.view1)
            }
            // 根据路径匹配对应跳转视图
            .navigationDestination(for: Page.self) { page in
                switch page {
                case .view1:
                    View1(navigationPath: $navigationPath)
                case .view2:
                    View2(navigationPath: $navigationPath)
                }
            }
        }
    }
}

struct View1: View {
    @Binding var navigationPath: [Page]
    
    var body: some View {
        Button("Navigate to view2") {
            navigationPath.append(.view2)
        }
    }
}

struct View2: View {
    @Binding var navigationPath: [Page]
    
    var body: some View {
        Button("Back to Root") {
            // 清空路径直接回到根视图
            navigationPath.removeAll()
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        RootView()
    }
}

方案二：兼容 iOS 13+ 使用 NavigationView #

如果需要兼容旧版本，可通过以下两种方式实现：

方式1：环境变量 dismiss 逐级返回 #

import SwiftUI

struct RootView: View {
    var body: some View {
        NavigationView {
            NavigationLink("Navigate to view1", destination: View1())
        }
    }
}

struct View1: View {
    var body: some View {
        NavigationLink("Navigate to view2", destination: View2())
    }
}

struct View2: View {
    // 获取导航环境的dismiss方法
    @Environment(\.dismiss) private var dismiss
    
    var body: some View {
        Button("Back to Root") {
            // 连续调用dismiss跳过中间视图
            for _ in 0..<2 {
                dismiss()
            }
        }
    }
}

方式2：isActive 绑定控制导航栈 #

import SwiftUI

struct RootView: View {
    @State private var isRootActive = true
    
    var body: some View {
        NavigationView {
            NavigationLink("Navigate to view1", 
                          destination: View1(isRootActive: $isRootActive), 
                          isActive: $isRootActive)
        }
    }
}

struct View1: View {
    @Binding var isRootActive: Bool
    @State private var isView1Active = true
    
    var body: some View {
        NavigationLink("Navigate to view2", 
                      destination: View2(isRootActive: $isRootActive), 
                      isActive: $isView1Active)
    }
}

struct View2: View {
    @Binding var isRootActive: Bool
    
    var body: some View {
        Button("Back to Root") {
            // 设置根视图的激活状态为false，直接返回根视图
            isRootActive = false
        }
    }
}

关键提醒 #

• 禁止直接通过NavigationLink跳转RootView，这会创建新的视图层级，导致导航栏嵌套。
• 优先使用NavigationStack的路径绑定方案，这是Apple官方推荐的现代导航管理方式，更易维护和扩展。

内容的提问来源于stack exchange，提问作者readytotakeoof