SwiftUI NavigationLink绑定TapGesture后跳转即自动返回问题

自动返回是状态更新触发视图重建、NavigationLink激活状态被重置导致的，和手势冲突无关：

• NavigationLink的push跳转完全依赖自身内部的激活标记，你通过simultaneousGesture或onTapGesture附加的点击回调，会在点击时触发addToCart方法，这个方法会修改homeData中的@Published属性（比如购物车商品数组），直接触发当前持有NavigationLink的源视图立即重绘
• 重绘过程中原有NavigationLink实例会被销毁重建，内部激活标记回到默认的false，刚push出去的目标视图就会自动pop回源视图，表现就是跳转后毫秒级自动返回。

不管你把点击手势绑在NavigationLink本身，还是它包裹的Text标签上，只要点击触发的状态更新在跳转动画完成前刷新了源视图，这个问题就必然出现。

不要给NavigationLink附加任何点击手势，用以下两种方式实现「点击触发加购+跳转」的逻辑：

方案1：通过激活状态绑定触发业务逻辑（推荐） #

使用带isActive绑定的NavigationLink初始化方法，在状态变化的回调中执行加购逻辑，完全走SwiftUI官方状态驱动流程，从根源避免手势冲突：

// 当前视图内新增状态，控制NavigationLink的激活状态
@State private var isCartActive = false

var body: some View {
    NavigationLink(
        destination: CartView(homeData: homeData),
        isActive: $isCartActive
    ) {
        Text("Add to Cart")
            .font(.title2)
            .fontWeight(.heavy)
            .foregroundColor(.white)
            .padding(.vertical)
            .frame(width: UIScreen.main.bounds.width - 30)
            .background(LinearGradient(gradient: Gradient(colors: [Color("TopGradientColor"), Color("BottomGradientColor")]), startPoint: .top, endPoint: .bottom))
            .cornerRadius(15)
    }
    // 监听激活状态变化，用户点击触发跳转时执行加购
    .onChange(of: isCartActive) { isActive in
        guard isActive else { return }
        homeData.addToCart(item: item)
    }
}

这个实现没有额外手势注入，不会出现事件优先级冲突，加购触发的视图刷新也不会打断已经启动的跳转流程，稳定性最高。

方案2：延迟加购逻辑执行（临时兼容方案） #

如果不想改动现有NavigationLink的初始化逻辑，可以给加购逻辑加极小的延迟，等跳转流程启动、NavigationLink激活状态稳定后再执行状态更新：

NavigationLink(destination: CartView(homeData: homeData)){
    Text("Add to Cart")
        .font(.title2)
        .fontWeight(.heavy)
        .foregroundColor(.white)
        .padding(.vertical)
        .frame(width: UIScreen.main.bounds.width - 30)
        .background(LinearGradient(gradient: Gradient(colors: [Color("TopGradientColor"), Color("BottomGradientColor")]), startPoint: .top, endPoint: .bottom))
        .cornerRadius(15)
}
.simultaneousGesture(TapGesture().onEnded{
    // 延迟0.1秒执行，避开跳转时的视图状态更新窗口期，用户无感知
    DispatchQueue.main.asyncAfter(deadline: .now() + 0.1) {
        homeData.addToCart(item: item)
    }
})

这个方案改造成本最低，但0.1秒的延迟是经验值，极端情况下可能在不同系统版本出现偶现问题，仅适合临时兼容使用。

不要尝试给NavigationLink的Label内容加onTapGesture拦截点击，NavigationLink会优先响应自身的点击事件，要么会出现手势冲突不触发业务回调，要么还是会遇到状态更新打断跳转的问题。

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