User interface 如何在Swift UI中对齐文本？

我对Swift UI是新手。我一直在使用故事板。我被困在swiftUI的一个地方。请你们中的一位解释一下如何在swiftUI中证明文本的正确性好吗？我提到了一些链接，但它们没有多大帮助

---

请帮忙！我对此非常困惑

关于swift，需要记住的一点是，视图通常是按堆栈排列的，主要是V和H堆栈。您可以使用这些堆栈随意移动文本。现在，您可能遇到的一个常见问题是堆栈没有您预期的那么宽，您可以使用诸如

minimumFontScale

等修饰符来修复它。为了便于解释，我将向您展示根据需要对齐文本的常用结构

水平对齐，视图中心 请注意，

VStack

有两个垫片将嵌套的

HStack

居中。然后，

HStack

具有垫片，可与视图左侧或右侧对齐

垂直对齐，视图中心 这个文本放在中间，允许你上下移动。您应该能够查看这些结构，并了解如何操纵它来移动视图

操纵对齐的其他方法 使用这些类型的修改器可以设置视图，使其比上述解决方案更清晰，并且在处理可能包含组/节的复杂UI时特别有用。嵌套堆栈除了其父堆栈修改器外，还可以具有其修改器。为您找到解决方案的最佳方法可能与其他用户界面不同。使用所有不同的修改对齐方式。我想大概一周左右，随着时间的推移，它会自然而然地到来

提示

---

文本视图只占用堆栈中所需的空间量。堆栈的宽度或高度仅与该轴上的最大元素相同。例如，一个

Text（“a”）

和

Text（“ABCDEFG”）

在

VStack

的内部将具有第二个的宽度和两个的高度。使用视图时，应记住这一点。使用

GeometryReader

和

框架（…）

修改器可以将堆栈设置为不同的宽度/高度。对于这个答案，我将省略这些链接。

对于您遇到的其他链接，您不理解的是什么？你能分享你的一个代码示例吗？在这个示例中，你尝试了一些东西，但得到的结果与你预期的不同？

VStack {
    Spacer() // Disable for Top Left/Right
    HStack {
         Spacer() //Disable for Left Align
         Text("Test")
         Spacer() //Disable for Right Align
    }
    Spacer() // Disable for Bottom Left/Right
}

HStack {
    Spacer() //Disable for Left, Top/Bottom
    VStack {
         Spacer() //Disable for Top Align
         Text("Test")
         Spacer() //Disable for Bottom Align
    }
    Spacer() //Disable for Right, Top/Bottom
}

VStack(alignment: .leading) {} //Leading and Trailing alignments.
HStack(alignment: .top) {} //Top and Bottom alignments.

//A Modifier directly on the view, where you could get the width
//and height from anything you want. Alignments could be.
//  .leading, .trailing, .bottom, .top, .topleading, .topTrailing
//  .bottomLeading, .bottomTrailing
Text("YourText").frame(width: 300, height: 300, alignment: .topLeading)