list - SwiftUI 异步数据获取

Question

我正在尝试学习 SwiftUI 并使用电影数据库 API 创建电影搜索应用

一旦滚动到列表末尾，我想获取新数据。我找到了一个可能的解决方案，在列表中使用 ForEach 并检查列表何时到达最后一项，然后执行 onAppear() 调用。

In SwiftUI, where are the control events, i.e. scrollViewDidScroll to detect the bottom of list data

加载第一页后如何从搜索中加载新页面？

您可以在这里找到该项目，该项目太大而无法发布 https://github.com/aspnet82/MovieSearch

SearchMovieManager -> 进行提取调用，我使用了 Dispatch.main.async

这是应用程序应该执行的操作

1. 从 API 获取数据并显示第一页 -> 正在工作
2. 当列表滚动到最后一项时，会在下一页上发出另一个获取请求以加载更多数据 -> 这不起作用，它仅适用于请求的第二页。在第二次提取调用后，它始终显示相同的数据。

我认为问题出在 GCD 中，但我不知道如何对事物进行排队以使其自动工作

更新:我发现的解决方法:

List(searchMovieManager.allMovies) { movie in
     Text(movie.title)
}
Text("load more").onTapGesture {
     fetchNextPage(obs: self.searchMovieManager, page: self.searchMovieManager.pageTofetch)
 }

我认为作为解决方案可能没问题，一旦我点击按钮，它就会添加新页面，并且在控制数据下载方面也可能很好？

感谢您的帮助:)

Answer 1

尝试下一步，它使用 anchor 首选项和模拟异步操作的简单模型来向 ScrollView(或列表)添加一些记录

import SwiftUI

struct PositionData: Identifiable {
    let id: Int
    let center: Anchor<CGPoint>
}

struct Positions: PreferenceKey {
    static var defaultValue: [PositionData] = []
    static func reduce(value: inout [PositionData], nextValue: () -> [PositionData]) {
        value.append(contentsOf: nextValue())
    }
}

struct Data: Identifiable {
    let id: Int
}

class Model: ObservableObject {
    var _flag = false
    var flag: Bool {
        get {
            _flag
        }
        set(newValue) {
            if newValue == true {
                _flag = newValue

                DispatchQueue.main.asyncAfter(deadline: .now() + 2) {
                    self._flag = false
                    self.rows += 20
                    print("done")
                }
            }
        }
    }
    @Published var rows = 20
}
struct ContentView: View {
    @ObservedObject var model = Model()
    var body: some View {
        List {
            ForEach(0 ..< model.rows, id:\.self) { i in
                Text("row \(i)").font(.largeTitle).tag(i)
            }
            Rectangle().tag(model.rows).frame(height: 0).anchorPreference(key: Positions.self, value: .center) { (anchor) in
                [PositionData(id: self.model.rows, center: anchor)]
            }.id(model.rows)
        }
        .backgroundPreferenceValue(Positions.self) { (preferences) in
            GeometryReader { proxy in
                Rectangle().frame(width: 0, height: 0).position(self.getPosition(proxy: proxy, tag: self.model.rows, preferences: preferences))
            }
        }
    }
    func getPosition(proxy: GeometryProxy, tag: Int, preferences: [PositionData])->CGPoint {
        let p = preferences.filter({ (p) -> Bool in
            p.id == tag
            })
        if p.isEmpty { return .zero }
        if proxy.size.height - proxy[p[0].center].y > 0 && model.flag == false {
            self.model.flag.toggle()
            print("fetch")
        }
        return .zero
    }
}



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

这是它的样子......