SwiftUI中NavigationLink跳转时ViewB初始化早于数据计算如何解决？

你的问题核心在于SwiftUI的NavigationLink会提前预加载目标视图——用户还没点击"Continue"时，ViewB就已经完成初始化，而onAppear是在视图真正显示后才执行，这就导致ViewB初始化时单例数据还未计算完成，出现空值。下面提供几种靠谱的解决思路：

方法一：通过isActive绑定控制跳转时机 #

先在ViewA里完成数据计算，再触发NavigationLink的跳转，确保数据准备好后ViewB才开始初始化：

struct ViewA: View {
    @State private var isNavigateToB = false
    
    var body: some View {
        NavigationStack { // 适配iOS 16+，iOS 15及以下用NavigationView
            Button("Continue") {
                // 先完成单例数据计算
                Singleton.shared.computeNeededData()
                // 再触发跳转
                isNavigateToB = true
            }
            .background(
                NavigationLink(destination: ViewB(), isActive: $isNavigateToB) {
                    EmptyView()
                }
            )
        }
    }
}

// 示例单例结构
class Singleton {
    static let shared = Singleton()
    private init() {}
    
    var computedData: String?
    
    func computeNeededData() {
        // 模拟数据计算逻辑
        computedData = "准备完毕的目标数据"
    }
}

struct ViewB: View {
    var body: some View {
        Text(Singleton.shared.computedData ?? "无可用数据")
    }
}

方法二：让ViewB监听单例状态变化 #

如果数据计算是异步操作，或者需要实时响应数据更新，可以让单例遵循ObservableObject，ViewB通过@ObservedObject监听状态，数据准备好后自动刷新UI：

import Combine

class Singleton: ObservableObject {
    static let shared = Singleton()
    private init() {}
    
    @Published var computedData: String?
    
    func computeNeededData() {
        // 模拟异步计算场景
        DispatchQueue.global().asyncAfter(deadline: .now() + 1) {
            DispatchQueue.main.async {
                self.computedData = "异步准备好的目标数据"
            }
        }
    }
}

struct ViewA: View {
    @State private var isNavigateToB = false
    
    var body: some View {
        NavigationStack {
            Button("Continue") {
                Singleton.shared.computeNeededData()
                isNavigateToB = true
            }
            .background(
                NavigationLink(destination: ViewB(), isActive: $isNavigateToB) {
                    EmptyView()
                }
            )
        }
    }
}

struct ViewB: View {
    @ObservedObject var singleton = Singleton.shared
    
    var body: some View {
        if let data = singleton.computedData {
            Text(data)
        } else {
            ProgressView("数据加载中...")
        }
    }
}

方法三：同步计算场景下直接绑定点击动作 #

如果数据计算是同步且耗时极短的，可以直接把计算逻辑放在NavigationLink标签的点击动作里，确保点击时先完成计算再跳转：

struct ViewA: View {
    var body: some View {
        NavigationStack {
            NavigationLink(destination: ViewB()) {
                Text("Continue")
            }
            .onTapGesture {
                // 点击时立即执行数据计算
                Singleton.shared.computeNeededData()
            }
        }
    }
}

注意：这种方法仅适用于同步快速计算的场景，若计算是异步的，仍会出现ViewB先初始化的问题。

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