SwiftUI - 如何为 ZStack 中的元素设置边界

Question

在我的示例图像中，您可以看到“世界”文本可以移动（拖动）到图像区域之外。它位于添加贴纸按钮下方。这个元素在 ZStack 中。所以我不希望我的文本元素超出图像区域。我尝试为 ZStack 指定宽度和高度，但没有成功。

Answer 1

您可以使用 the clipped(antialiased:) modifier 告诉 ZStack 剪辑其子级。

ZStack {
    ...
}
.clipped()

这不会阻止用户将 Text 拖出 ZStack 的边界，但会阻止绘制 Text 的外部。

如果您不想让用户将 Text 拖到 ZStack 的边界之外，您需要编辑您的问题以包含实现拖动的代码。