Как достичь анимации, похожая на представление о функциях App Store ⇐ IOS

[Anonymous]

Я использую следующий код, это работает совершенно нормально, но его полный экран, однако в случае анимации App Store, его не полноэкранного представления. Я также пробовал поп -просмотр и пользовательский вид, но не работал. < /P>
struct ContentView: View {
let icons = [
Icon(id: "figure.badminton", color: .red),
Icon(id: "figure.fencing", color: .orange),
Icon(id: "figure.gymnastics", color: .green),
Icon(id: "figure.indoor.cycle", color: .blue),
Icon(id: "figure.outdoor.cycle", color: .purple),
Icon(id: "figure.rower", color: .indigo),
]

@Namespace var animation
@State private var selected: Icon?

var body: some View {
ZStack {
LazyVGrid(columns: [.init(.adaptive(minimum: 100, maximum: 300))]) {
ForEach(icons) { icon in
Button {
selected = icon
} label: {
Image(systemName: icon.id)
}
.foregroundStyle(icon.color.gradient)
.font(.system(size: 100))
.background(Color.yellow.opacity(0.5))
.matchedTransitionSource(id: icon.id, in: animation)
}
}
.sheet(item: $selected, content: { icon in
VStack(content: {
DestinationView(icon: icon, animation: animation)
.background(Color.yellow.opacity(0.5))
.presentationDetents([.medium])
})
})
.background(Color.yellow.opacity(0.5))
}
.background(.yellow)
.ignoresSafeArea(.all)

}
}
< /code>
Представлено представление, это < /p>
struct DestinationView: View {
var icon: Icon
var animation: Namespace.ID
var body: some View {
Image(systemName: icon.id)
.font(.system(size: 200))
.frame(width: 250, height: 250)
.foregroundStyle(icon.color.gradient)
.background(Color.yellow.opacity(0.5))
.navigationTransition(.zoom(sourceID: icon.id, in: animation))
}
}


Подробнее здесь: https://stackoverflow.com/questions/797 ... ature-view