Question

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

List {
   // contents
}

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

Answer 1

从iOS 14 beta1和XCode 12 beta1开始，您可以将LazyHStack包裹在ScrollView中，以创建水平的项目懒惰列表，即，每个项目只能是按需加载：

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

Answer 2

要制作水平可滚动内容，可以将HStack包裹在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)

Answer 4

您可以使用.horizontal属性并使用自定义元素。对我来说，我使用cusomt CircleView

var body: some View {
    
    VStack{
        Divider()
        ScrollView(.horizontal){
            HStack(spacing:10){
                ForEach(0..<10){
                    index in
                    CircleView(label: "\(index)")
                }
            }.padding()
        }.frame(height:100)
        Divider()
        Spacer()
    }
    
}

}

//struct CircleView:View
@State var label:String
var body:some View {
    ZStack{
        Circle()
            .fill(Color.yellow)
            .frame(width: 70, height: 70)
        Text(label)
    }
}

}

Answer 5

我正在使用Swift 5版本

SimpleDateFormat

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

5 个答案: