SwiftUI：如何避免onChange在值加载完成前触发执行？

方法1：使用自定义Binding隔离用户输入 #

直接通过自定义Binding包装@State变量，仅响应用户通过TextField的编辑操作，onAppear中直接修改内部变量不会触发处理逻辑：

struct ExampleView: View {
    @State private var internalExampleVar: String = ""
    
    // 自定义Binding，仅处理用户输入触发的更新
    private var exampleBinding: Binding<String> {
        Binding(
            get: { internalExampleVar },
            set: { newValue in
                print("用户编辑触发：\(newValue)")
                internalExampleVar = newValue
            }
        )
    }

    var body: some View {
        VStack {
            TextField("Example", text: exampleBinding)
        }
        .onAppear {
            // 直接修改内部变量，不会触发Binding的set逻辑
            internalExampleVar = "test@test.com"
        }
    }
}

这种方式无需额外标志位，从根源上避免了初始赋值触发onChange的问题。

方法2：用标志位精准控制（解决数据竞争版） #

如果必须使用onChange，可通过标志位过滤初始触发，异步场景下需确保状态更新在主线程执行：

struct ExampleView: View {
    @State private var exampleVar: String = ""
    @State private var ignoreFirstChange = true

    var body: some View {
        VStack {
            TextField("Example", text: $exampleVar)
        }
        .onChange(of: exampleVar) { newValue in
            guard !ignoreFirstChange else {
                ignoreFirstChange = false
                return
            }
            print("用户编辑触发：\(newValue)")
        }
        .onAppear {
            // 同步赋值直接执行
            exampleVar = "test@test.com"
            
            // 异步场景必须回到主线程更新状态，避免数据竞争
            // Task {
            //     let fetchedValue = await loadRemoteData()
            //     await MainActor.run {
            //         exampleVar = fetchedValue
            //     }
            // }
        }
    }
}

方法3：ViewModel中分离初始加载与用户输入 #

针对复杂业务场景，用ObservableObject管理状态，在ViewModel内部区分初始赋值和用户输入：

class ExampleViewModel: ObservableObject {
    @Published var exampleVar: String = ""
    private var isInitialLoad = true

    func loadInitialValue() {
        // 同步初始赋值
        exampleVar = "test@test.com"
        
        // 异步加载示例
        // Task {
        //     let value = await fetchRemoteData()
        //     await MainActor.run {
        //         exampleVar = value
        //     }
        // }
        isInitialLoad = false
    }

    func handleUserInput(_ newValue: String) {
        guard !isInitialLoad else { return }
        print("用户编辑触发：\(newValue)")
        // 此处添加业务逻辑
    }
}

struct ExampleView: View {
    @StateObject private var viewModel = ExampleViewModel()

    var body: some View {
        VStack {
            TextField("Example", text: $viewModel.exampleVar)
                .onChange(of: viewModel.exampleVar, perform: viewModel.handleUserInput)
        }
        .onAppear {
            viewModel.loadInitialValue()
        }
    }
}

这种方式将状态逻辑从View中剥离，代码结构更清晰，适合复杂业务场景。

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