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). Я надеюсь, что этот ответ поможет кому-то еще.