如何使 TextField 右对齐(尾随)
How to make TextField align right (trailing)
我试图让 TextField 的值显示为尾部对齐。
如您所见,值 34.3 显示前导对齐。
我确定我遗漏了一些明显的东西,但我不知道是什么。有什么想法吗?
@State private var endwert = 34.3
var numberFormatter: NumberFormatter {
let formatter = NumberFormatter()
formatter.numberStyle = .decimal
formatter.locale = Locale.current
return formatter
}
...
HStack {
Text("Endwert")
.frame(width: nil, height: nil, alignment: .topTrailing)
.background(Color .green)
Spacer()
TextField($endwert, formatter: numberFormatter)
.background(Color.yellow)
.frame(width: nil, height: nil, alignment: .trailing)
Text("m2")
}
将 .multilineTextAlignment(.trailing)
添加到您的文本字段:
TextField($endwert, formatter: numberFormatter)
.multilineTextAlignment(.trailing)
...
这导致:
我试图让 TextField 的值显示为尾部对齐。
如您所见,值 34.3 显示前导对齐。
我确定我遗漏了一些明显的东西,但我不知道是什么。有什么想法吗?
@State private var endwert = 34.3
var numberFormatter: NumberFormatter {
let formatter = NumberFormatter()
formatter.numberStyle = .decimal
formatter.locale = Locale.current
return formatter
}
...
HStack {
Text("Endwert")
.frame(width: nil, height: nil, alignment: .topTrailing)
.background(Color .green)
Spacer()
TextField($endwert, formatter: numberFormatter)
.background(Color.yellow)
.frame(width: nil, height: nil, alignment: .trailing)
Text("m2")
}
将 .multilineTextAlignment(.trailing)
添加到您的文本字段:
TextField($endwert, formatter: numberFormatter)
.multilineTextAlignment(.trailing)
...
这导致: