标签: swiftui-zstack

作为我的应用程序的根视图，我有一个ZStack，我想添加两个浮动栏，一个位于视口的底部，一个位于视口的顶部。

使用单个栏很容易（ZStack(alignment: .top)），但是有没有一种方法可以添加多个后代，并使一个与顶部对齐，另一个与底部对齐？

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

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

我希望将这个红色矩形重新定位到左下角，但由于某种原因，我的对齐和填充没有按预期工作。我在做什么错以及如何将其移动到左下角？

代码：

struct ContentView: View {
    
    var body: some View {

        ZStack {
                VStack(spacing: 0) {
                    Rectangle()
                        .fill(Color.red)
                        .frame(width: 197, height: 163)
                }
                .frame(width: 284, height: 269)
                .padding(.leading, 0)
                .padding(.bottom, 0)
                .background(Color.blue)
            }
    }
}