如何创建一次只显示一个元素的水平列表？

Question

解释我要达到的目标的最佳方法是显示下面的图片。

如上所示，我想用 animation 实现水平滑动卡列表。 但是，我是 swiftUI 的新手，甚至不知道从哪里开始，因此将不胜感激。 该列表将只有 4 个元素，其中将包含一个列表而不是内容。 类似于下图。

Answer 1

我认为你想要的是一个水平的 ScrollView。 这是一个基本的实现。

有关更多信息，请参阅使用 Swift 进行黑客攻击

struct ContentView: View {
    
    let testData : [TestData] = [TestData(title: "Begginer"), TestData(title: "Medium"), TestData(title: "Hard")]
    
    var body: some View {
        ScrollView(.horizontal, showsIndicators: false) {
            HStack(spacing: 20) {
                ForEach(testData, id: \.self) { data in
                    Text("\(data.title)")
                        .foregroundColor(.white)
                        .font(.largeTitle)
                        .frame(width: 300, height: 600)
                        .background(Color(.darkGray))
                }
            }
        }
    }
}

struct TestData: Hashable {
    let title: String
}