具有一叠卡片的SwiftUI水平过渡

我有一堆卡片，我正在尝试水平转换。新卡的动画应该从左侧完全滑入。消失的卡片应该滑到右边

导入快捷界面
结构ContentView:View{
@状态变量currentIndex=0
var body：一些观点{
VStack{
按钮（“下一步”）{
带动画（.easeIn（持续时间：2.0））{
self.currentIndex+=1
}
}
ZStack{
ForEach（0…100，id:\.self）{i in
ZStack{
如果self.currentIndex==i{
卡片（文本：字符串（i））
.transition（.不对称（插入：。移动（边：。前导），删除：。移动（边：。后导）））
}
}
}
}
}
}
}
结构卡：视图{
变量文本：字符串
var body：一些观点{
文本（文本）
.frame（最小宽度：0，最大宽度：。无穷大，最小高度：0，最大高度：。无穷大）
.背景（颜色.黄色）
.边框（颜色.紫色，宽度：5）
}
}

---

将两个

ZStack

与

对齐。top

与

对齐。leading

为我解决了这个问题：

导入快捷键
结构ContentView:View{
@状态变量currentIndex=0
var body：一些观点{
VStack{
按钮（“下一步”）{
带动画（.easeIn（持续时间：3.0））{
self.currentIndex+=1
}
}
ZStack（对齐：。引导）{
ZStack（对齐：。顶部）{
ForEach（0…100，id:\.self）{i in
ZStack（）{
如果self.currentIndex==i{
卡片（文本：字符串（i））
.transition（.不对称（插入：。移动（边缘：。尾部），删除：。移动（边缘：。前导）））
}
}
}
}
}
}
}
}
结构卡：视图{
变量文本：字符串
var body：一些观点{
文本（文本）
.frame（最小宽度：0，最大宽度：。无穷大，最小高度：0，最大高度：。无穷大）
.背景（颜色.黄色）
.边框（颜色.紫色，宽度：5）
}
}