如何在SwiftUI中创建水平列表？

Question

我可以将所有视图包装在列表中

List {
   // contents
}

但这似乎是垂直滚动。如何使其水平？

Answer 1

从iOS 14 beta1&开始，XCode 12 beta1您将能够包含LazyHStack在 a 中ScrollView以创建项目的水平惰性列表，即，每个项目将仅按需加载：

ScrollView(.horizontal) {
            LazyHStack {
                ForEach(0...50, id: \.self) { index in
                    Text(String(index))
                        .onAppear {
                            print(index)
                        }
                }
            }
        }

Answer 2

要制作水平滚动内容，您可以将 a 包裹HStack在 a 中ScrollView：

ScrollView {
  HStack {
    ForEach(0..<10) { i in
      Text("Item \(i)")
      Divider()
    }
  }
}
.frame(height: 40)

Answer 3

您需要将.horizontal属性添加到滚动视图。否则它不会滚动。

ScrollView (.horizontal, showsIndicators: false) {
     HStack {
         //contents
     }
}.frame(height: 100)