如何将对象的右侧对齐到视图的中间位置

Question

我有一个有两个文本的HStack。

HStack {
Text("Hello")
Text("World")
}

我希望Text("Hello")位于页面左侧，Text("World")位于页面右侧，并且两个文本与页面的水平中心距离相等。我添加了一个视觉说明:visual

我已经尝试了很多不同的方法，但我还没有找到任何方法来精确地完成这项任务。

Answer 1

可以使用框架修饰符的align参数

HStack的Spacing参数用于文本之间的间距。

HStack(spacing: 0) {
Text("Hello, World!")
.frame(maxWidth: .infinity, alignment: .trailing)
Text("Hello, World!")
.frame(maxWidth: .infinity, alignment: .leading)
}

Answer 2

我真的不明白你的需求，但根据你的图纸，我认为你需要像下面这样的东西，

HStack{
Spacer()
Text("Hello")
.background(Color.orange)
Spacer().frame(width: 20)
Text("World")
.background(Color.orange)
Spacer()
}