如何修复 ZStack 中的填充

Question

我的 ZStack 有两个视图，其中一个可以显示，原因如下：

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

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

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

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

没有底部的例子sheet:

并且激活条件：

Answer 1

很难回答你的问题，因为没有那么多代码，但你可以试试...

VStack(alignment: .leading) {

....
} .padding()

或者您将填充 (.all, 17) 信息添加到您的所有文本字段中，例如

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

如何修复 ZStack 中的填充

How to fix padding in ZStack

padding

swiftui

zstack