如何在SwiftUI或无限列表视图中实现列表分页？

Question

我需要有关如何在SwiftUI中实现无限列表滚动或分页列表的帮助。谢谢！

Answer 1

您最好的选择是使用.onAppear并计算是否该获取下一页。这是一个人为的示例，因为通常情况下，您遇到的网络或磁盘的运行速度比这慢得多，但这会给您一个提示。调整getNextPageIfNecessary(_:)用于您的特定用例。

@State var rows: [String] = Array(repeating: "Item", count: 20)

var body: some View {

    List(0..<rows.count, id: \.self) { index in
        Text(verbatim: self.rows[index])
            .onAppear {
                self.getNextPageIfNecessary(encounteredIndex: index)
            }
    }
}

private func getNextPageIfNecessary(encounteredIndex: Int) {
    guard encounteredIndex == rows.count - 1 else { return }

    rows.append(contentsOf: Array(repeating: "Item", count: 20))
}