ZStack在顶部有额外的空间

Question

以下代码在顶部显示了奇怪的额外空间。有人知道出什么问题吗？

ZStack(alignment: .top) {
            Image(imageName)
                .resizable()
                .aspectRatio(contentMode: .fill)
                .scaleEffect(imageScale)
                .blur(radius: imageScale > 1 ? 5 : 0)
                .animation(.easeOut)
}
.frame(width: selected ? UIScreen.main.bounds.width : width ,
       height: selected ? UIScreen.main.bounds.height : height)
.cornerRadius(30)
.shadow(color: Color.black.opacity(0.3), radius: 15, x: 0, y: 20)

Answer 1

我刚刚想出了解决方案。造成问题的是.cornerRadius(30)。除非您删除.edgesIgnoringSafeArea(.all)，否则添加.cornerRadius(30)将无法解决问题。我希望这个答案可以帮助其他人。