分からないこと、解決したいこと
SwiftUIでタグの入力インターフェイスを実装しているのですが
APIで受け取ったTagのデータの更新で、以下のようにして受け取ったTagのデータをTextEditorに表示しているのですが「,」(コンマ)区切りに入力しないといけないので、入力しにくくなっております。しかし、APIで更新する(POST)する際は、「,」(コンマ)区切りのデータにして送信しなければなりません。
できれば、WebのjQuery Tag-itのようなタグの入力インターフェイスをSwiftUIでも実装したいのですが、どのように実装すれば良いか分かりません。
jQuery Tag-it:http://aehlke.github.io/tag-it/
"tags":[ {"id":1,"name":"ランチ"}, {"id":2,"name":"目黒"}, {"id":3,"name":"チキン南蛮"} ]
if let tags = tags { VStack(alignment: .leading) { TextEditor(text: $tags) .border(Color.gray, width: 1) .onAppear{ self.tags = tags.map { $0.name }.joined(separator: ",") } } }
現在のタグのインターフェイスのスクリーンショットは以下のようになっております。
どのように実装すれば、使いやすいタグのインターフェイスを再現できますか?
大変お手数をお掛けしますが、何卒よろしくお願いいたします。
あなたの回答
tips
プレビュー