使用NavigationLink(value:)初始化器如何在导航前执行操作？

当前我的实现代码 #

var nextButtonView: some View {
    NavigationLink(value: PathState.Destination.someEnum) {
        Text("form-next-button-title".localized)
            .addNextButtonStyle(enabled: !viewModel.isNextButtonDisabled)

    }.simultaneousGesture(TapGesture().onEnded({ _ in
        viewModel.onNextButtonTap()
    }))

    .disabled(viewModel.isNextButtonDisabled)
}

参考的官方示例代码 #

struct ContentView: View {
    @State private var message = "Message"
    let newGesture = TapGesture().onEnded {
        print("Gesture on VStack.")
    }


    var body: some View {
        VStack(spacing:25) {
            Image(systemName: "heart.fill")
                .resizable()
                .frame(width: 75, height: 75)
                .padding()
                .foregroundColor(.red)
                .onTapGesture {
                    print("Gesture on image.")
                }
            Rectangle()
                .fill(Color.blue)
        }
        .simultaneousGesture(newGesture)
        .frame(width: 200, height: 200)
        .border(Color.purple)
    }
}

我注意到官方示例里VStack的手势会先执行，再执行图片的手势，但不确定自己当前实现中，viewModel.onNextButtonTap()和导航的执行顺序是否能保证先执行操作再导航，也想知道有没有更合适的实现方式。

关于执行顺序的说明 #

用simultaneousGesture的话，手势回调和NavigationLink的导航触发是同时响应的，SwiftUI并没有严格保证两者的执行顺序。实际运行中可能出现导航先完成、操作还没执行完的情况，这会导致逻辑错误（比如数据没保存就跳转）。

更可靠的实现方案 #

方案1：通过绑定控制导航激活状态

手动先执行操作，再触发导航，完全掌控顺序：

// 假设在当前视图中有这个状态变量
@State private var shouldNavigate = false

var nextButtonView: some View {
    Button(action: {
        // 第一步：执行需要的操作
        viewModel.onNextButtonTap()
        // 第二步：触发导航
        shouldNavigate = true
    }) {
        Text("form-next-button-title".localized)
            .addNextButtonStyle(enabled: !viewModel.isNextButtonDisabled)
    }
    .disabled(viewModel.isNextButtonDisabled)
    // 用隐藏的NavigationLink实现导航
    .background(
        NavigationLink(isActive: $shouldNavigate, value: PathState.Destination.someEnum) {
            EmptyView()
        }
    )
}

方案2：使用NavigationStack的路径手动管理（iOS 16+）

如果用NavigationStack配合路径数组管理导航，直接在按钮点击时先执行操作，再修改路径：

// 假设你在父视图或ViewModel中管理导航路径，比如：
// @State private var navigationPath: [PathState.Destination] = []

var nextButtonView: some View {
    Button(action: {
        // 先执行操作
        viewModel.onNextButtonTap()
        // 再添加路径触发导航
        navigationPath.append(PathState.Destination.someEnum)
    }) {
        Text("form-next-button-title".localized)
            .addNextButtonStyle(enabled: !viewModel.isNextButtonDisabled)
    }
    .disabled(viewModel.isNextButtonDisabled)
}

为什么不推荐simultaneousGesture #

simultaneousGesture的设计目标是让多个手势同时响应，并非用来控制先后顺序。如果onNextButtonTap()是异步操作（比如网络请求、本地存储），导航很可能在操作完成前就触发，导致数据不一致。上面的两种方案都能确保操作完成后再导航，逻辑更稳定。

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