How to display a custom loading indicator in a GroupChannelListViewController?

[lookdeceline]

This post walks you through how to display a custom loading indicator in a GroupChannelListViewController.

Steps

1. Create a subclass of SBUGroupChannelListViewController.
2. Define your loading indicator
3. Set up your loading indicator
4. Override shouldUpdateLoadingState(_:) method, which is a delegate method of SBUGroupChannelListViewModelDelegate. This is where you can add your custom actions related to the loading indicator.

// 1. 
class MyGroupChannelListVC: SBUGroupChannelListViewController {
    // 2. 
    let loadingIndicator = UIActivityIndicatorView(style: .large)

    override func viewDidLoad() {
        super.viewDidLoad()
        
        // 3.
        loadingIndicator.color = .gray
        loadingIndicator.hidesWhenStopped = true
        loadingIndicator.center = view.center
        view.addSubview(loadingIndicator)
    }
    
    // 4.
    override func shouldUpdateLoadingState(_ isLoading: Bool) {
        if isLoading {
            loadingIndicator.startAnimating()
        } else {
            loadingIndicator.stopAnimating()
        }
    }
}

5. Before your custom SBUGroupChannelListViewController is presented, set it in the SBUViewControllerSet.
6. Also, set SBUGlobals.loadingIndicator.groupChannelList.cachedChannels to true. This is because by default, a loading indicator is not shown while loading the cached channels.

// Somewhere like AppDelegate.swift
 
// 5.
SBUViewControllerSet.GroupChannelListViewController = MyGroupChannelListVC.self
// 6.
SBUGlobals.loadingIndicator.groupChannelList.cachedChannels = true

Result