【SwiftUI】TextField debounce | Debouncing TextField 👉 https://android.benigumo.com/20240427/textfield-debounce/

DebounceTextField.swift

import SwiftUI
import Throttler

struct TestDebounceTextField: View {
  @State var debouncedText = ""

  var body: some View {
    VStack {

      Text("\(debouncedText)")
      Text("\(debouncedText.count)")

      TextField("Normal", text: $debouncedText)

      DebounceTextField3(titleKey: "Search-3", debouncedText: $debouncedText)

      DebounceTextField4(titleKey: "Search-4", debouncedText: $debouncedText)

    }
    .font(.largeTitle)
    .textFieldStyle(.roundedBorder)
    .padding()
  }
}

struct DebounceTextField3: View {
  var titleKey: String
  @Binding var debouncedText: String

  @State private var delay: Task<Void, Never>?

  var body: some View {
    TextField(
      titleKey,
      text: Binding(
        get: { debouncedText },
        set: { newvalue in
          delay?.cancel()
          delay = Task {
            do {
              try await Task.sleep(for: .seconds(0.25))
            } catch { return }
            debouncedText = newvalue
          }
        }
      )
    )
  }
}

struct DebounceTextField4: View {
  var titleKey: String
  @Binding var debouncedText: String

  var body: some View {
    TextField(
      titleKey,
      text: Binding(
        get: { debouncedText },
        set: { newvalue in
          debounce(.seconds(0.25)) {
            debouncedText = newvalue
          }
        }
      )
    )
  }
}


#Preview("CustomBinding") {
  TestDebounceTextField()
}