如何使TextField右对齐（尾随）

Question

我正在尝试使用尾随对齐方式显示 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")
}

Answer 1

将.multilineTextAlignment(.trailing)添加到您的文本字段：

TextField($endwert, formatter: numberFormatter)
  .multilineTextAlignment(.trailing)
  ...

这将导致：