如何将SwiftUi视图相对于其他视图

Question

i想将一个以水平为中心的视图定位为

Text

（容易，因为这是默认值），然后在第一个视图旁边显示另一个

VStack

。

Text

对准应保持完整。

.firstTextBaseline

自动将自动中心对准

VStack {
    HStack(alignment: .firstTextBaseline) {
        Text("Text")
            .font(largFont)
        Text("more")
            .font(smallFont)
    }
}

自动应用于完整

VStack

，因此将“文本”和“更多”的组合使用。

如何构建“文本”居中的位置和旁边“更多”的位置？虽然这可以通过使用静态（负）桨，偏移等来完成。使用不同的文本时，这些解决方案并不灵活。

我将“更多”作为“文本”。然后，您可以通过调整“更多”和覆盖层的

HStack

来控制其相对位置。

Answer 1

overlay

“更多”的拖尾和第一个文本基线是对齐的，然后我们调整“尾随”的含义，以便“更多”，以便“领导”。有效地，现在“更多”的领导与“文本”的尾声保持一致。

如果您想增加间距，您可以从

alignmentGuide

中减去一些恒定量。

这有点像this问题的水平版本。那里的许多答案也可以与简单的改编一起使用。以上基本上是与我的回答中所示的第二种方法相同的想法。