SwiftUI 滚动到水平列表项

Question

我可以使用 ScrollViewReader 代理滚动到垂直列表项。

我尝试用水平列表做类似的事情，但它完全搞砸了视图。

任何建议，如何做到这一点？

蒂亚！

   ScrollViewReader { proxy in
        ScrollView(.horizontal, showsIndicators:false) {
            ForEach(0..<items.count) { index in
                Text(items[index].title)
                    .id(index)
                    .onTapGesture {
                        print("tapped \(index)")
                    }
            }
            .onAppear{
                proxy.scrollTo(selectedIndex, anchor: .center)
            }
        }
    }

Answer 1

ScrollView 不会因为您指定 .horizontal 滚动而将您的视图排成一行。

您需要在ScrollView 中明确指定HStack/LazyHStack。

您可能遇到的另一个问题是滚动位置不准确，可以使用DispatchQueue.main.async修复：

ScrollViewReader { proxy in
    ScrollView(.horizontal, showsIndicators: false) {
        HStack { // or LazyHStack
            ForEach(0..<items.count) { index in
                Text(items[index].title)
                    .id(index)
                    .onTapGesture {
                        print("tapped \(index)")
                    }
            }
        }
        .onAppear {
            DispatchQueue.main.async { 
                proxy.scrollTo(selectedIndex, anchor: .center)
            }
        }
    }
}