如何創建一次只顯示一個元素的水平列表？

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
}