为带padding的SwiftUI NavigationStack保留侧滑返回手势的方法

给NavigationStack直接添加.padding()后，侧滑返回手势会失效——你推测的原因没错：侧滑返回需要从屏幕左边缘触发，而padding让NavigationStack的边缘向内偏移，导致手势触发区域无法覆盖到屏幕边缘。

这里有两种可行的解决办法：

方法一：将padding移到NavigationStack内部的根视图上 #

不要给NavigationStack本身加padding，而是把padding应用到导航栈内部的内容容器（比如示例里的List）上。这样NavigationStack依然占满整个屏幕，侧滑返回手势的触发区域不受影响。修改后的代码如下：

NavigationStack {
    List(1..<50) { i in
        NavigationLink(value: i) {
            Label("Row \(i)", systemImage: "\(i).circle")
        }
    }
    .navigationDestination(for: Int.self) { i in
        Text("Detail \(i)")
    }
    .toolbar(.hidden, for: .navigationBar)
    .padding() // 把padding移到内部根视图这里
}

方法二：手动添加全局侧滑返回手势 #

如果必须给NavigationStack整体加padding，可以手动监听全局坐标空间的拖拽手势，通过控制NavigationStack的路径来实现返回。代码示例：

struct ContentView: View {
    @State private var path = NavigationPath()
    
    var body: some View {
        NavigationStack(path: $path) {
            List(1..<50) { i in
                NavigationLink(value: i) {
                    Label("Row \(i)", systemImage: "\(i).circle")
                }
            }
            .navigationDestination(for: Int.self) { i in
                Text("Detail \(i)")
            }
            .toolbar(.hidden, for: .navigationBar)
        }
        .padding()
        .gesture(
            DragGesture(minimumDistance: 10, coordinateSpace: .global)
                .onEnded { gesture in
                    // 当右滑距离足够且路径不为空时，返回上一页
                    if gesture.translation.width > 50 && !path.isEmpty {
                        path.removeLast()
                    }
                }
        )
    }
}

这种方法通过全局拖拽手势捕获屏幕边缘的滑动操作，手动控制导航路径的返回逻辑，即使NavigationStack有padding，也能正常触发返回。

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