如何从 SwiftUI 中的列表获取屏幕行？

Question

我正在尝试为所有可见行中当前索引的列表中的每个可见行（在屏幕边界内）放置一个 Text。

我这里有一个例子。如果我有一个列表一次显示 3 行，最初我希望它显示如下：

___|___
A  |  0
B  |  1
C  |  2
-------

如果我向下滚动列表，A 从屏幕中消失，那么它会像

___|___
B  |  0
C  |  1
D  |  2
-------

知道我该怎么做吗？

此外，我曾经使用UITableView.visibleCells获取屏幕上的可见单元格，但我在SwiftUI中找不到类似的东西。我究竟应该如何在 SwiftUI 中仅提供索引的列表中获得可见行？

希望有人能指引我到正确的地方。非常感谢！

Answer 1

您可以使用 onAppear and onDisappear 函数来维护可见行的列表，然后使用它们来查找可见索引。

struct ContentView: View {
    let rows = (Unicode.Scalar("A").value...Unicode.Scalar("Z").value)
        .map { String(Unicode.Scalar([=10=])!) }

    @State var visibleRows: Set<String> = []

    var body: some View {
        List(rows, id: \.self) { row in
            HStack {
                Text(row)
                    .padding(40)
                    .onAppear { self.visibleRows.insert(row) }
                    .onDisappear { self.visibleRows.remove(row) }
            }
            Spacer()
            Text(self.getVisibleIndex(for: row)?.description ?? "")
        }
    }

    func getVisibleIndex(for row: String) -> Int? {
        visibleRows.sorted().firstIndex(of: row)
    }
}

如何从 SwiftUI 中的列表获取屏幕行？

How to get on screen rows from List in SwiftUI?

ios

swift

swiftui

swiftui-list