如何修复 ZStack 中的填充答案

【问题标题】：How to fix padding in ZStack如何修复 ZStack 中的填充
【发布时间】：2021-09-30 19:47:56
【问题描述】：

我的 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 的填充。也许我做错了什么？

没有底页的例子：

并在激活条件下：

【问题讨论】：

需要最小的可重现示例。
@Asperi，您需要哪些详细信息？我认为这些信息就足够了:(
看起来像您的BottomSheetView，它位于顶部，覆盖了您的 VStack 的填充区域。添加一个最小的可重现示例。
作为一个可重现的最小示例，在这种情况下，您可以提供布局的不同图像，以便直观地看到差异。
@Yodagama 我添加了示例

标签： swiftui padding zstack

【解决方案1】：

很难回答您的问题，因为代码不多，但您可以尝试...

VStack(alignment: .leading) {

....
} .padding()

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

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

【讨论】：