代码之家  ›  专栏  ›  技术社区  ›  Berry Blue

如何在SwiftUI中设置LazyHStack中的滚动位置

  •  0
  • Berry Blue  · 技术社区  · 2 年前

    我有一个水平滚动的LazyHStack。如何设置初始滚动位置?

    在UIKit中,我将创建一个水平滚动的UICollectionView,并设置 collectionView.contentOffset 设置初始滚动位置,但我不知道如何在SwiftUI中做到这一点。

    struct ContentView: View {
        var body: some View {
            ScrollView(.horizontal) {
                LazyHStack {
                    ForEach(1...100, id: \.self) { i in             
                        Text("\(i)")
                    }
                }
            }
        }   
    }
    
    1 回复  |  直到 2 年前
        1
  •  6
  •   Shehata Gamal    2 年前

    您可以使用 ScrollViewReader

    手动滚动

    struct ContentView: View {
        var body: some View {
            ScrollViewReader { value in
                Button("Go to #15") {
                    value.scrollTo(15, anchor: .center)
                }
                ScrollView(.horizontal) {
                    LazyHStack(alignment: .top, spacing: 10) {
                        ForEach(1...100, id: \.self) {
                            Text("Column \($0)")
                        }
                    }
                }
            }
        }
    }
    

    自动滚动

    struct ContentView: View {
        var body: some View {
            ScrollViewReader { value in
                ScrollView(.horizontal) {
                    LazyHStack(alignment: .top, spacing: 10) {
                        ForEach(1...100, id: \.self) {
                            Text("Column \($0)")
                        }
                    }
                }
                .onAppear {
                    value.scrollTo(15, anchor: .center)
                }
            }
        }
    }