SwiftUI中基于NavigationStack实现无NavigationLink的按钮触发跨页面跳转问题

嘿，我来帮你搞定这个问题！你已经通过NavigationStack的path绑定实现了A到B的跳转，要实现B到C的跳转（同样不用NavigationLink，还得在跳转前跑业务逻辑），核心思路就是把path的绑定传递给子视图，让子视图也能修改path触发跳转，同时在修改前执行你的业务代码。

下面分两种方式给你演示，一种是更规范的枚举路由方式，另一种是兼容你现有Int类型path的方式：

方式一：用枚举定义路由（推荐，代码更清晰） #

首先，我们可以用枚举来定义所有页面的路由，这样后续页面多了也不容易搞混：

enum AppRoute: Hashable {
    case bView
    case cView
}

接下来修改你的AView，把path改成枚举数组，同时给BView传递path的绑定：

struct AView: View {
    @State private var path = [AppRoute]()
    
    var body: some View {
        NavigationStack(path: $path) {
            VStack {
                Button("跳转到BView") {
                    // 先执行A到B跳转前的业务函数
                    doABusinessStuff()
                    // 修改path触发跳转
                    path.append(.bView)
                }
            }
            .navigationDestination(for: AppRoute.self) { route in
                switch route {
                case .bView:
                    // 把path绑定传给BView，让它能修改跳转
                    BView(path: $path)
                case .cView:
                    CView()
                }
            }
            .navigationTitle("AView")
        }
    }
    
    private func doABusinessStuff() {
        print("A跳转前的业务逻辑执行中...")
        // 这里写你的业务代码，比如数据处理、状态更新等
    }
}

然后是BView的代码，接收path绑定，在按钮点击时先跑业务逻辑再修改path：

struct BView: View {
    // 接收父视图传来的path绑定
    @Binding var path: [AppRoute]
    
    var body: some View {
        VStack {
            Button("跳转到CView") {
                // 先执行B到C跳转前的业务函数
                doBBusinessStuff()
                // 修改path触发跳转
                path.append(.cView)
            }
        }
        .navigationTitle("BView")
    }
    
    private func doBBusinessStuff() {
        print("B跳转前的业务逻辑执行中...")
        // 你的业务代码在这里
    }
}

最后是示例CView：

struct CView: View {
    var body: some View {
        Text("我是CView！")
            .navigationTitle("CView")
    }
}

方式二：兼容你现有Int类型的path（快速适配） #

如果你不想改枚举，继续用[Int]作为path类型，那只需要给BView加个@Binding var path: [Int]，然后在AView的navigationDestination里判断Int值就行：

struct BView: View {
    @Binding var path: [Int]
    
    var body: some View {
        VStack {
            Button("跳转到CView") {
                doBBusinessStuff()
                path.append(1) // 用1标记跳转到CView
            }
        }
        .navigationTitle("BView")
    }
    
    private func doBBusinessStuff() {
        print("B跳转前业务逻辑执行")
    }
}

struct AView: View {
    @State private var actionss = [Int]()
    
    var body: some View {
        NavigationStack(path: $actionss) {
            VStack {
                Button("test") {
                    // A到B的前置业务逻辑
                    doABusinessStuff()
                    actionss.append(0)
                }
            }
            .navigationDestination(for: Int.self) { value in
                if value == 0 {
                    BView(path: $actionss) // 传递path绑定
                } else if value == 1 {
                    CView()
                }
            }
        }
    }
    
    private func doABusinessStuff() {
        print("A跳转前业务逻辑执行")
    }
}

核心原理 #

NavigationStack的path是一个绑定数组，任何对这个数组的修改（比如append）都会触发navigationDestination的匹配，从而完成页面跳转。通过把这个绑定传递给子视图，子视图就能直接控制跳转，同时在修改path前执行你的业务函数，完全不需要依赖NavigationLink。

这样就能完美实现你要的B到C跳转+前置业务逻辑的需求啦！

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