单击列表项时，滚动到SwiftUI中的正确位置

在SwiftUI中，要实现单击列表项时滚动到正确位置，可以使用ScrollViewReader和ScrollView结合使用。

首先，需要在列表外部包裹一个ScrollViewReader，然后在列表内部使用id标识每个列表项。当点击列表项时，可以通过ScrollViewReader的scrollTo方法将指定的列表项滚动到可视区域。

以下是一个示例代码：

import SwiftUI

struct ContentView: View {
    @State private var selectedItemId: Int? = nil
    
    var body: some View {
        ScrollViewReader { scrollViewProxy in
            ScrollView {
                VStack(spacing: 20) {
                    ForEach(0..<100) { itemId in
                        Text("Item \(itemId)")
                            .font(.title)
                            .frame(width: 200, height: 50)
                            .background(Color.gray)
                            .cornerRadius(10)
                            .onTapGesture {
                                selectedItemId = itemId
                                scrollToItem(itemId)
                            }
                            .id(itemId)
                    }
                }
                .padding()
            }
            .onAppear {
                scrollToItem(0) // 默认滚动到第一个列表项
            }
        }
    }
    
    private func scrollToItem(_ itemId: Int) {
        withAnimation {
            selectedItemId = itemId
            // 滚动到指定的列表项
            scrollViewProxy.scrollTo(itemId, anchor: .top)
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

在上述代码中，我们创建了一个包含100个列表项的垂直滚动视图。当点击列表项时，会将selectedItemId更新为对应的列表项ID，并调用scrollToItem方法滚动到指定的列表项。

这个示例中使用了ScrollViewReader和ScrollView来实现滚动到正确位置的功能。在实际应用中，可以根据具体需求进行适当的修改和扩展。

腾讯云相关产品和产品介绍链接地址：