当从按钮操作中更改时，SwiftUI绑定不会触发
我构建了一个具有以下附加功能的自定义文本字段：当从按钮操作中更改时，SwiftUI绑定不会触发,swift,swiftui,Swift,Swiftui,我构建了一个具有以下附加功能的自定义文本字段： 可能是安全的/不安全的 具有显示/隐藏密码按钮（如果安全） 有一个明文按钮 下面有一个错误文本标签 输入文本时，占位符将在文本字段上方设置动画（类似于android材质文本字段） 有一个onChange闭包，您可以在其中运行验证 按钮操作将我的文本绑定设置为“” 当我在文本字段中输入文本时，绑定会正确触发 但当我点击按钮清除文本时，绑定不会触发 这有什么原因吗 这是我的结构。有关问题发生的位置，请参见注释 public struct CustomT
public struct CustomTextField: View {
// MARK: - Property Wrappers
@Environment(\.isEnabled) private var isEnabled: Bool
@Binding private var text: String
@Binding private var errorText: String
@State private var secureTextHidden: Bool = true
// MARK: - Struct Properties
private var placeholder: String
private var isSecure: Bool
private var hasLabel: Bool = false
private var hasErrorLabel: Bool = false
private var onChange: ((String) -> Void)?
// MARK: - Computed Properties
private var borderColor: Color {
guard isEnabled else {
return .gray
}
if !errorText.isEmpty {
return .red
} else if !text.isEmpty {
return .blue
} else {
return .gray
}
}
private var textColor: Color {
guard isEnabled else {
return Color.gray.opacity(0.5)
}
return .black
}
private var textField: some View {
let binding = Binding<String> {
self.text
} set: {
// This is triggered correctly when text changes, but not when text is changed within my button action.
self.text = $0
onChange?($0)
}
if isSecure && secureTextHidden {
return SecureField(placeholder, text: binding)
.eraseToAnyView()
} else {
return TextField(placeholder, text: binding)
.eraseToAnyView()
}
}
private var hasText: Bool { !text.isEmpty }
private var hasError: Bool { !errorText.isEmpty }
// MARK: - Init
/// Initializes a new CustomTextField
/// - Parameters:
/// - placeholder: the textfield placeholder
/// - isSecure: if true, textfield will behave like a password field
/// - hasLabel: Show placeholder as a label when text is entered
/// - hasErrorLabel: Visible Error Label underneath
/// - onChange: code that will run on each keystroke (optional)
public init(
placeholder: String,
text: Binding<String>,
errorText: Binding<String> = .constant(""),
isSecure: Bool = false,
hasLabel: Bool = false,
hasErrorLabel: Bool = false,
onChange: ((String) -> Void)? = nil
) {
self.placeholder = placeholder
_text = text
_errorText = errorText
self.isSecure = isSecure
self.hasLabel = hasLabel
self.hasErrorLabel = hasErrorLabel
self.onChange = onChange
}
// MARK: - Body
public var body: some View {
VStack(alignment: .leading, spacing: .textMargin) {
if hasLabel {
Text("\(placeholder)")
.foregroundColor(textColor)
.offset(
x: hasText ? 0 : 16,
y: hasText ? 0 : 30
)
.opacity(hasText ? 1 : 0)
.animation(.easeOut(duration: 0.3))
} else {
EmptyView()
}
HStack(alignment: .center, spacing: 8) {
ZStack(alignment: Alignment(horizontal: .trailing, vertical: .center)) {
HStack(alignment: .center, spacing: 16) {
textField
HStack(alignment: .center, spacing: 16) {
if hasText && isEnabled {
Button {
text = ""
// I had to trigger onChange manually as setting my text above is not triggering my binding block.
onChange?(text)
} label: {
Image(systemName: "xmark.circle.fill")
}
.buttonStyle(BorderlessButtonStyle())
.foregroundColor(.black)
}
if isSecure && isEnabled {
Button {
secureTextHidden.toggle()
} label: {
Image(systemName: secureTextHidden ? "eye.fill" : "eye.slash.fill")
}
.buttonStyle(BorderlessButtonStyle())
.foregroundColor(Color.gray.opacity(0.5))
}
}
}
}
.padding(.margin)
.frame(height: .textFieldHeight, alignment: .center)
.background(
ZStack {
RoundedRectangle(cornerRadius: 4)
.fill(.white)
RoundedRectangle(cornerRadius: 4)
.strokeBorder(borderColor, lineWidth: 2)
}
)
}
if hasErrorLabel && isEnabled {
Text(errorText)
.lineLimit(2)
.font(.caption)
.foregroundColor(.red)
.offset(y: hasError ? 0 : -.textFieldHeight)
.opacity(hasError ? 1 : 0)
.animation(.easeOut(duration: 0.3))
} else {
EmptyView()
}
}
.foregroundColor(textColor)
.onAppear {
if hasText {
onChange?(text)
}
}
}
}