SwiftUI Table如何实现滚动到指定行？求适配方案

目前SwiftUI官方提供的Table组件（iOS 16+/macOS 13+）并没有自带滚动到指定行的方法，也没有类似ScrollViewReader的官方配套组件。你尝试用ScrollViewReader直接包裹Table无效的原因是：Table的滚动容器是内部封装的原生视图（iOS上是UITableView，macOS上是NSTableView），外部的ScrollViewReader无法捕获到这个内部滚动视图，因此无法触发滚动操作。

下面是两种可行的实现方案：

方案一：借助Introspect库访问原生视图 #

Introspect是一个常用的SwiftUI工具库，能帮助我们获取SwiftUI组件底层的原生UIKit/AppKit视图，进而调用原生的滚动API。

代码示例（iOS） #

1. 通过Swift Package Manager导入Introspect依赖
2. 修改视图代码：

import SwiftUI
import Introspect

struct Person: Identifiable {
    let givenName: String
    let familyName: String
    let emailAddress: String
    let id = UUID()
}

private var people = [
    Person(givenName: "Juan", familyName: "Chavez", emailAddress: "juanchavez@icloud.com"),
    Person(givenName: "Mei", familyName: "Chen", emailAddress: "meichen@icloud.com"),
    // 更多数据...
]

struct TableScrollDemo: View {
    @State private var selection: Person?
    @State private var tableView: UITableView?
    
    var body: some View {
        Table(people, selection: $selection) {
            TableColumn("Given Name", value: \.givenName)
            TableColumn("Family Name", value: \.familyName)
            TableColumn("E-Mail Address", value: \.emailAddress)
        }
        .introspectTableView { table in
            tableView = table
        }
        .onChange(of: selection) { newValue in
            guard let selectedPerson = newValue,
                  let index = people.firstIndex(where: { $0.id == selectedPerson.id }),
                  let tableView = tableView else {
                return
            }
            let indexPath = IndexPath(row: index, section: 0)
            tableView.scrollToRow(at: indexPath, at: .middle, animated: true)
        }
    }
}

代码示例（macOS） #

macOS逻辑类似，仅需替换为NSTableView的相关调用：

// 导入Introspect后
.introspectNSTableView { table in
    tableView = table
}
.onChange(of: selection) { newValue in
    guard let selectedPerson = newValue,
          let index = people.firstIndex(where: { $0.id == selectedPerson.id }),
          let tableView = tableView else {
        return
    }
    tableView.scrollRowToVisible(index)
    // 精确控制位置：tableView.scrollToRow(at: IndexPath(row: index, section: 0), atPosition: .center)
}

方案二：自定义封装原生TableView（无第三方依赖） #

如果不想依赖第三方库，可以直接通过UIViewRepresentable（iOS）或NSViewRepresentable（macOS）封装原生的UITableView/NSTableView，完全控制滚动行为。这种方式代码量更大，但无额外依赖，自定义程度更高。

简化示例（iOS） #

struct CustomTableView: UIViewRepresentable {
    let people: [Person]
    @Binding var selection: Person?
    @Binding var scrollToPerson: Person?
    
    func makeUIView(context: Context) -> UITableView {
        let tableView = UITableView()
        tableView.register(UITableViewCell.self, forCellReuseIdentifier: "Cell")
        tableView.dataSource = context.coordinator
        tableView.delegate = context.coordinator
        return tableView
    }
    
    func updateUIView(_ uiView: UITableView, context: Context) {
        uiView.reloadData()
        // 处理滚动请求
        if let person = scrollToPerson {
            if let index = people.firstIndex(where: { $0.id == person.id }) {
                let indexPath = IndexPath(row: index, section: 0)
                uiView.scrollToRow(at: indexPath, at: .middle, animated: true)
                // 重置滚动标记，避免重复触发
                DispatchQueue.main.async {
                    scrollToPerson = nil
                }
            }
        }
    }
    
    func makeCoordinator() -> Coordinator {
        Coordinator(parent: self)
    }
    
    class Coordinator: NSObject, UITableViewDataSource, UITableViewDelegate {
        let parent: CustomTableView
        
        init(parent: CustomTableView) {
            self.parent = parent
        }
        
        func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
            parent.people.count
        }
        
        func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
            let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath)
            let person = parent.people[indexPath.row]
            var content = cell.defaultContentConfiguration()
            content.text = person.givenName
            content.secondaryText = "\(person.familyName) | \(person.emailAddress)"
            cell.contentConfiguration = content
            return cell
        }
        
        func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
            parent.selection = parent.people[indexPath.row]
        }
    }
}

// 使用示例
struct CustomTableDemo: View {
    @State private var selection: Person?
    @State private var scrollToPerson: Person?
    
    var body: some View {
        VStack {
            Button("滚动到第50行") {
                scrollToPerson = people[49]
            }
            CustomTableView(people: people, selection: $selection, scrollToPerson: $scrollToPerson)
        }
    }
}

总结 #

目前官方没有提供直接支持Table滚动到指定行的API，上述两种方案是当前可行的替代方式：

• 方案一快速便捷，适合大多数场景，但依赖第三方库
• 方案二无依赖，灵活性高，但需要编写更多原生视图代码

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