Создайте карту в стиле Apple Wallet Pass в SwiftUi ⇐ IOS

[Anonymous]

Я изо всех сил пытаюсь создать дизайн карты доступа Apple Wallet в своем приложении SwiftUI.
Моя цель — сделать карту с небольшим вырезом в верхней части, как на этом снимке экрана. Заранее спасибо за помощь


Вот что я пробовал до сих пор:

Код: Выделить всё

GeometryReader { geometry in
ZStack() {
HStack {
Spacer()
Ellipse()
.frame(width: geometry.size.width * 0.2, height: 50) // adjust width and height as needed
.foregroundColor(.white) // assuming a white ellipse
.offset(y: -120) // move the ellipse up by half its height
Spacer()
}
VStack(alignment: .leading, spacing: 8) {
HStack {
Spacer()
Text("Card")
Spacer()
}
.frame(height: 200)
// Rest of your VStack content
}
}
.padding()
.background(Color("BuoyPurple")) // Replace with your color
.cornerRadius(8)
.frame(width: geometry.size.width, height: 300) // adjust height as needed
}
.padding()

Проблема в том, что я не могу таким образом создать эффект тени

Подробнее здесь: https://stackoverflow.com/questions/781 ... in-swiftui