SwiftUI: добавление ClearButton в TextField

Question

Я пытаюсь добавить ClearButton к TextField в SwiftUI, когда выбран конкретный TextField.

Самым близким, что я получил, было создание ClearButton ViewModifier и добавление его к TextField с использованием .modifer()

Единственная проблема заключается в том, что ClearButton является постоянной и не исчезает при отмене выбора TextField

TextField("Some Text" , text: $someBinding).modifier(ClearButton(text: $someBinding))

struct ClearButton: ViewModifier {
    @Binding var text: String

    public func body(content: Content) -> some View {
        HStack {
            content
            Button(action: {
                self.text = ""
            }) {
                Image(systemName: "multiply.circle.fill")
                    .foregroundColor(.secondary)
            }
        }
    }
}

Answer 1

Вы можете добавить еще Binding в свой modifier:

@Binding var visible: Bool

, затем связать его с непрозрачностью кнопки:

.opacity(visible ? 1 : 0)

, затем добавить еще State дляпроверка textField:

@State var showClearButton = true

И, наконец, обновить текстовое поле:

TextField("Some Text", text: $someBinding, onEditingChanged: { editing in
    self.showClearButton = editing
}, onCommit: {
    self.showClearButton = false
})
.modifier( ClearButton(text: $someBinding, visible: $showClearButton))

Answer 2

Не совсем то, что вы ищете, но это позволит вам показать / скрыть кнопку на основе содержания text:

HStack {
    if !text.isEmpty {
        Button(action: {
            self.text = ""
        }) {
            Image(systemName: "multiply.circle")
        }
    }
}