[swift] IGListKit에서 페이지네이션 처리하는 방법

15 Nov 2023

swift

IGListKit은 iOS 앱에서 복잡한 리스트 화면을 처리하는 데 도움을 주는 강력한 도구입니다. IGListKit을 사용하여 페이지네이션을 구현하는 방법에 대해 알아보겠습니다.

IGListKit과 컨트롤러 설정

먼저, IGListKit을 프로젝트에 추가하고 컨트롤러를 설정해야 합니다. IGListKit을 설치한 후에는 IGListSectionController를 서브 클래스화하여 리스트 아이템을 표시할 수 있습니다. 이 예시에서는 IGListSectionController를 사용하여 리스트를 구성하는 방법을 보여줄 것입니다.

import IGListKit

class MyListSectionController: IGListSectionController {
    ...
}

페이지네이션 데이터 로딩

페이지네이션을 구현하려면 리스트 데이터를 일부분씩 가져와야 합니다. 이를 위해 백엔드 API를 호출하여 추가 데이터를 가져오는 로직을 구현해야 합니다. IGListKit에서는 isLoading 및 loadMoreItems와 같은 메서드를 제공하여 페이지네이션을 처리할 수 있습니다.

class MyListSectionController: IGListSectionController {
    var nextPage: Int = 1
    var isLoading: Bool = false
    var items: [ListItem] = []

    override func didUpdate(to object: Any) {
        // list 데이터 업데이트 로직

        // 새로운 데이터 로드 시작
        if items.count < object.count {
            loadMoreItems()
        }
    }

    private func loadMoreItems() {
        guard !isLoading else {
            return
        }

        isLoading = true

        // 백엔드 API 호출 및 데이터 가져오는 로직
        APIClient.fetchData(page: nextPage) { [weak self] result in
            switch result {
                case .success(let newItems):
                    self?.isLoading = false
                    self?.nextPage += 1
                    self?.items += newItems
                    self?.update(animated: true)
                case .failure(let error):
                    print("Error fetching data: \(error)")
            }
        }
    }
}

리스트 아이템의 표시

페이지네이션 데이터를 가져오면 IGListSectionController를 사용하여 리스트 아이템을 표시해야 합니다. didUpdate(to:) 메서드에서 가져온 데이터를 처리하고 IGListSectionController를 통해 표시할 아이템을 반환합니다.

class MyListSectionController: IGListSectionController {
    ...

    override func numberOfItems() -> Int {
        return items.count
    }

    override func cellForItem(at index: Int) -> UICollectionViewCell {
        guard let cell = collectionContext?.dequeueReusableCell(withNibName: "MyListCell", bundle: nil, for: self, at: index) as? MyListCell else {
            fatalError("Unable to dequeue cell")
        }

        let item = items[index]
        cell.configure(with: item)

        return cell
    }

    override func sizeForItem(at index: Int) -> CGSize {
        return CGSize(width: collectionContext?.containerSize.width ?? 0, height: 50)
    }
}

결과

위와 같이 구현하면 IGListKit을 사용하여 페이지네이션을 처리할 수 있습니다. 페이지네이션을 사용하면 사용자에게 스무스한 스크롤 경험을 제공하면서 대량의 데이터를 효율적으로 관리할 수 있습니다.

더 자세한 내용은 IGListKit 공식 문서에서 확인할 수 있습니다.