如何修复ZStack中的填充

Question

我有两个视图的ZStack，其中一个可以根据以下条件显示：

ZStack{
            VStack{
                ...
            }.padding(.all,17)
            
            if handler.bottomVisible {
                BottomSheetView(handler: handler, player: true)
            }
        }

但当我取消对这些行的注释时：

if handler.bottomVisible {
    BottomSheetView(handler: handler, player: true)
}

我的VStack版.padding(.all,17)损坏了。没有这个视图，一切看起来都很好，但是添加了ZStack UI的第二个子视图后，看不到VStack的填充。也许我做错了？

不带底板的示例：

​

​

在激活的条件下：

​

​

Answer 1

很难回答你的问题，因为没有太多的代码，但你可以尝试……

VStack(alignment: .leading) {

....
} .padding()

或者将填充(.all，17)信息添加到所有文本字段，如下所示

VStack{
    Text("Hello Stackoverflow")
    .padding(.all,17)
}