SwiftUI 2.0 實現無限滾動的分頁列表(高性能含源碼)

本文價值與收穫

看完本文後，您將能夠作出下面的界面

實戰需求

我們平時構建的應用基本上都是列表類應用，例如待辦事項列表、微博、微信朋友圈和視頻列表等。這些列表都是可以無限滾動的，那這個功能該如何實現呢。本篇文章將告訴大家個非常簡單高效的構建無限滾動List的方法，而且該方法還不會有性能問題。

列表實現目前有兩種方法，一種List，另外一種Scrollview。在wwdc20之前，我不太推薦大家使用ScrollView，但是wwdc20對scrollview進行了全面改造，在性能和靈活性上都有很大提高。下面我就給大家制作兩版無限分頁列表。

實戰代碼

1、List版

struct EndlessList: View {
  @StateObject var dataSource = ContentDataSource()

  var body: some View {
    List {
      ForEach(dataSource.items) { item in
        Text(item.label)
          .onAppear {
            dataSource.