web-dev-qa-db-ja.com

SwiftUIでTextFieldのライブ変更を検出する方法は？

このような「場所」の状態にバインドする単純なTextFieldがあります。

TextField("Search Location", text: $location)

このフィールドが変更されるたびに、次のような関数を呼び出したいです。

TextField("Search Location", text: $location) {
   self.autocomplete(location)
}

ただし、これは機能しません。 onEditingChangedのコールバックがあることは知っていますが、これはフィールドがフォーカスされたときにのみトリガーされるようです。

フィールドが更新されるたびにこの関数を呼び出すにはどうすればよいですか？

iostextfieldswiftui
14
dylankbuckley

次のように、カスタムクロージャーを使用してバインディングを作成できます。

struct ContentView: View {
    @State var location: String = ""

    var body: some View {
        let binding = Binding<String>(get: {
            self.location
        }, set: {
            self.location = $0
            // do whatever you want here
        })

        return VStack {
            Text("Current location: \(location)")
            TextField("Search Location", text: binding)
        }

    }
}
25
kontiki

ViewModelを使用する必要がある場合の別の解決策は、次のとおりです。

import SwiftUI
import Combine

class ViewModel: ObservableObject {
    @Published var location = "" {
        didSet {
            print("set")
            //do whatever you want
        }
    }
}

struct ContentView: View {
    @ObservedObject var viewModel = ViewModel()

    var body: some View {
        TextField("Search Location", text: $viewModel.location)
    }
}
12
superpuccio

私が最も役に立ったのは、TextFieldに、編集の開始時と編集の完了時に呼び出されるonEditingChangedというプロパティがあることです。

               TextField("Enter song title", text: self.$userData.songs[self.songIndex].name, onEditingChanged: { (changed) in
               if changed {
                   print("text edit has begun")
               } else {
                   print("committed the change")
                   saveSongs(self.userData.songs)
               }

           }).textFieldStyle(RoundedBorderTextFieldStyle())
               .font(.largeTitle)
1
Dave Levy