SwiftUI中如何刷新List组件并保持当前滚动位置？

• 核心方案：使用ScrollViewReader
  SwiftUI 3及以上版本提供了ScrollViewReader组件，可直接获取并控制滚动位置。结合List使用时，需为每个列表项设置唯一ID，刷新数据后通过scrollTo方法定位回之前的位置。

示例代码：

struct ContentView: View {
    @State private var items = Array(1...50)
    @State private var lastVisibleItemId: Int?
    
    var body: some View {
        ScrollViewReader { proxy in
            List(items, id: \.self) { item in
                Text("Item \(item)")
                    .id(item)
                    .onAppear {
                        lastVisibleItemId = item
                    }
            }
            .toolbar {
                Button("刷新数据") {
                    // 模拟数据刷新逻辑
                    items = Array(1...50).shuffled()
                    // 刷新后滚动到最后可见的项
                    if let id = lastVisibleItemId {
                        proxy.scrollTo(id, anchor: .top)
                    }
                }
            }
        }
    }
}

这段代码通过onAppear记录最后可见的列表项ID，数据刷新后调用scrollTo回到目标位置。若需要更精准的对齐方式，可调整anchor参数（如.center、.bottom）。

• 兼容旧版本：包装UITableView
  如果项目需要支持SwiftUI 3以下版本，可直接用UIViewRepresentable包装UITableView，复用你在UIKit中已有的滚动位置保持逻辑。

示例代码：

struct WrappedTableView: UIViewRepresentable {
    @Binding var items: [Int]
    private var lastContentOffset: CGPoint = .zero
    
    func makeUIView(context: Context) -> UITableView {
        let tableView = UITableView()
        tableView.delegate = context.coordinator
        tableView.dataSource = context.coordinator
        tableView.register(UITableViewCell.self, forCellReuseIdentifier: "Cell")
        return tableView
    }
    
    func updateUIView(_ uiView: UITableView, context: Context) {
        // 记录刷新前的滚动位置
        lastContentOffset = uiView.contentOffset
        uiView.reloadData()
        // 刷新后恢复位置
        DispatchQueue.main.async {
            uiView.contentOffset = lastContentOffset
        }
    }
    
    func makeCoordinator() -> Coordinator {
        Coordinator(self)
    }
    
    class Coordinator: NSObject, UITableViewDelegate, UITableViewDataSource {
        var parent: WrappedTableView
        
        init(_ parent: WrappedTableView) {
            self.parent = parent
        }
        
        func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
            parent.items.count
        }
        
        func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
            let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath)
            cell.textLabel?.text = "Item \(parent.items[indexPath.row])"
            return cell
        }
    }
}

// 使用示例
struct ContentView: View {
    @State private var items = Array(1...50)
    
    var body: some View {
        WrappedTableView(items: $items)
            .toolbar {
                Button("刷新数据") {
                    items = Array(1...50).shuffled()
                }
            }
    }
}

• 注意事项
  • 使用ScrollViewReader时，列表项的ID必须唯一且稳定，否则刷新后可能无法定位到目标位置。
  • 若数据刷新时元素顺序或数量变化较大，记录单个ID可能不够精准，可考虑结合GeometryReader获取滚动偏移量，再通过ScrollView的contentOffset恢复位置，但实现复杂度更高。
  • 包装UITableView的方式虽兼容旧版本，但会丢失部分SwiftUI原生特性（如自动适配深色模式、动态类型），需自行在UIKit代码中处理适配逻辑。

内容的提问来源于stack exchange，提问作者Deepak Sharma