如何在主体视图中设置对齐方式？

Question

我试图将第一个正文视图中的 Image 对齐到顶部，但找不到执行此操作的方法。我想将对齐方式设置为 .top，就像您在 ZStack 中所做的那样：

ZStack(alignment: .top) {
    Image("imagename")
    Text("Test")
}

在此代码中，图像前面的文本将位于顶部。我该怎么做，但图像是主体视图，文本是图像。

Answer 1

GeometryReader (read more here) 的另一个用途！

    var body: some View {
        GeometryReader { geometry in
            VStack(alignment: .center) {
                Image(systemName: "person")
                }.frame(width: geometry.size.width, alignment: .top)
        }
    }

Answer 2

另一种选择是使用 Spacer。

var body: some View {

  VStack(alignment: .center) {
      Image(systemName: "person")
      Spacer()   
  }

}

我实际上写了一篇 blog post 关于如何使用 Spacer 创建相当复杂的布局的文章。

如何在主体视图中设置对齐方式？

How to set alignment in main body view?

swift

swiftui