如何使 TextField 右对齐(尾随) [英] How to make TextField align right (trailing)

问题描述

我正在尝试以尾随对齐方式显示 TextField 的值.

I am trying to have the value of a TextField displayed with trailing alignment.

如您所见，值 34.3 显示为前导对齐.

As you can see the value 34.3 is display with leading alignment.

我确定我遗漏了一些明显的东西，但我不知道是什么.有什么想法吗?

I am sure I am missing something obvious but I can't figure out what. Any ideas?

@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:

Add .multilineTextAlignment(.trailing) to your TextField:

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

结果:

这篇关于如何使 TextField 右对齐(尾随)的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！