SwiftUI ZStack：将一些后代对齐到底部，将一些后代对齐到顶部

Question

作为我应用的根视图，我有一个 ZStack，我想添加两个浮动条，一个在底部，一个在视口顶部。

使用单个栏很容易 (ZStack(alignment: .top))，但是有没有办法添加多个后代，并使一个与顶部对齐，第二个与底部对齐？

我尝试从 ZStack 中删除 alignment，并向子项添加 .frame(alignment: .top) / .frame(alignment: .bottom)，但这没有任何作用。

是的，可以通过将顶部对齐的 ZStack 与另一个底部对齐的 ZStack 包裹起来来破解它，但这似乎相当不雅。

Answer 1

这是可能的方法

ZStack {

 // content here

}
.overlay(YourTopView(), alignment: .top)
.overlay(YourBottomView(), alignment: .bottom)

其他可能的变体是使用一个 .overlay，其中 VStack 有两个视图，Spacer 介于两者之间。

Answer 2

您可以像这样在您的 VStack 中添加一个 ZStack

ZStack {
    VStack {
        YourTopView()
        Spacer()
        YourBottomView()
    }
}