SwiftUI中如何通过NavigationStack实现返回操作的撤销功能？

可以实现这个需求，NavigationStack本身没有内置"撤销返回"的功能，但通过手动维护导航路径的历史记录，结合手势识别就能完成类似撤销栈的效果。

核心实现思路 #

• 维护两个状态：当前导航路径path，以及存储被弹出页面的undoStack撤销栈
• 监听导航路径的变化：当用户左滑返回（或主动调用pop操作）导致路径缩短时，把被弹出的页面记录到撤销栈
• 添加全局右滑手势：触发时从撤销栈取出最近被弹出的页面，重新推入当前导航路径

代码示例 #

import SwiftUI

struct ContentView: View {
    @State private var path = NavigationPath()
    @State private var undoStack: [any Hashable] = []
    
    var body: some View {
        NavigationStack(path: $path) {
            RootView()
                .navigationDestination(for: String.self) { page in
                    DetailView(page: page, path: $path, undoStack: $undoStack)
                }
                // 添加右滑撤销手势
                .gesture(
                    DragGesture(minimumDistance: 30, coordinateSpace: .global)
                        .onEnded { value in
                            // 右滑距离和速度达标时触发撤销
                            if value.translation.width > 50 && value.velocity.width > 100 {
                                guard let lastPage = undoStack.popLast() else { return }
                                path.append(lastPage)
                            }
                        }
                )
        }
        // 监听路径变化，记录被弹出的页面
        .onChange(of: path) { oldPath, newPath in
            if newPath.count < oldPath.count {
                // 计算被弹出的页面数量，反向加入撤销栈
                let poppedCount = oldPath.count - newPath.count
                for index in (newPath.count..<oldPath.count).reversed() {
                    undoStack.append(oldPath[index])
                }
            } else if newPath.count > oldPath.count {
                // 推入新页面时清空撤销栈（可根据需求调整）
                undoStack.removeAll()
            }
        }
    }
}

struct RootView: View {
    var body: some View {
        VStack(spacing: 20) {
            NavigationLink("进入页面A", value: "页面A")
            NavigationLink("进入页面B", value: "页面B")
        }
        .navigationTitle("首页")
    }
}

struct DetailView: View {
    let page: String
    @Binding var path: NavigationPath
    @Binding var undoStack: [any Hashable]
    
    var body: some View {
        VStack(spacing: 20) {
            Text(page)
                .font(.title)
            NavigationLink("进入子页面", value: "\(page) - 子页面")
            Button("返回首页") {
                path.removeLast(path.count)
            }
        }
        .navigationTitle(page)
    }
}

关键细节说明 #

1. 路径监听逻辑：通过onChange对比路径的新旧状态，当路径长度减少时，把被弹出的页面逐个加入撤销栈
2. 手势触发条件：设置了最小滑动距离和速度阈值，避免误触
3. 自定义类型兼容：如果使用自定义的导航目的地类型，确保该类型遵循Hashable协议
4. 可调整规则：比如推入新页面时是否清空撤销栈、撤销栈的最大存储数量等，都可以根据产品需求修改

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