我在表单上有一个文本字段,用户可以在其中输入值,但我还想使用按钮更新文本字段的内容。
这是我的代码:
struct test: View {
@State private var amount: Double = 0.0
var body: some View {
Form {
VStack {
HStack {
Text("Amount EUR")
Spacer()
TextField("Type amount", value: $amount, format: .number)
.keyboardType(.numberPad)
.multilineTextAlignment(.trailing)
}
Text("Set MAX (999)")
.frame(maxWidth: .infinity, alignment: .leading)
.onTapGesture {
print("before tap \(amount )")
amount = 999
print("after tap \(amount)")
}
}
}
}
当我刚刚启动应用程序时,第一次点击文本会将文本字段更新为 999,但之后它就不再起作用了。
这amount
值已正确更新,但文本字段未反映更改。
你能解释一下吗?
答案很简单TextFields
当它们处于焦点时不要更新。为了解决这个问题,你需要合并一个@FocusState
进入视图,并导致TextField
在更新变量之前失去焦点。您可以通过点击您的Text
在点击之前TextField
。你会看到它更新得很好。
struct ButtonUpdateTextField: View {
@State private var amount: Double = 0.0
@FocusState var isFocused: Bool // <-- add here
var body: some View {
Form {
VStack {
HStack {
Text("Amount EUR")
Spacer()
TextField("Type amount", value: $amount, format: .number)
.keyboardType(.numberPad)
.multilineTextAlignment(.trailing)
.focused($isFocused) // <-- add here
}
Text("Set MAX (999)")
.frame(maxWidth: .infinity, alignment: .leading)
.onTapGesture {
print("before tap \(amount )")
isFocused = false // <-- add here
amount = 999
print("after tap \(amount)")
}
}
}
}
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)