SwiftUI视图导航异常：跳转至SecondView后自动返回问题求助

问题原因 #

你的问题出在SecondView内部重复创建了NavigationStack，这会和ContentView中的顶层导航栈产生冲突。当从ContentView跳转到SecondView时，内层的新NavigationStack会触发导航状态重置，导致系统自动回退到原视图。

解决方案 #

下面提供两种可行的修复方式，核心思路都是统一使用顶层导航栈管理所有跳转逻辑：

方式一：传递顶层导航路径绑定

把顶层的NavigationPath通过绑定传递给子视图，所有跳转都基于同一个导航栈：

修改SecondView代码：

import SwiftUI

struct SecondView: View {
    // 接收顶层导航路径的绑定，不再自行创建NavigationStack
    @Binding var path: NavigationPath
    
    var body: some View {
        Button {
            path.append("ThirdView")
        } label: {
            Text("This is the second view")
        }
    }
}

struct SecondView_Previews: PreviewProvider {
    static var previews: some View {
        NavigationStack {
            SecondView(path: .constant(NavigationPath()))
        }
    }
}

修改ContentView中的跳转逻辑：

.navigationDestination(for: String.self) { viewId in
    if viewId == "SecondView" {
        SecondView(path: $path) // 传递顶层path的绑定
    } else if viewId == "ThirdView" {
        ThirdView()
    }
}

方式二：在顶层导航栈统一注册所有目的地

所有视图的跳转逻辑都由顶层NavigationStack管理，子视图只负责触发跳转：

修改ContentView代码：

import SwiftUI

struct ContentView: View {
    @State private var path = NavigationPath()
    
    var body: some View {
        NavigationStack(path: $path) {
            Button {
                path.append("SecondView")
            } label: {
                Text("This is the first view")
            }
            // 统一注册所有跳转目的地
            .navigationDestination(for: String.self) { viewId in
                switch viewId {
                case "SecondView":
                    SecondView(path: $path)
                case "ThirdView":
                    ThirdView()
                default:
                    EmptyView()
                }
            }
        }
    }
}

修改SecondView代码（移除内部NavigationStack）：

import SwiftUI

struct SecondView: View {
    @Binding var path: NavigationPath
    
    var body: some View {
        Button {
            path.append("ThirdView")
        } label: {
            Text("This is the second view")
        }
    }
}

ThirdView保持原有代码即可。

修改完成后，就能实现ContentView→SecondView→ThirdView的正常连续跳转，不会再出现自动返回的问题。

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