If you’re using Realm database and a REST API, you may have\u00a0encountered a pagination issue at some point.\u00a0That’s what happened in the project I’m working on. Something was wrong with the pagination and I kept adding variables and ifs until I couldn’t remember what was doing what. Then I realized I needed a clean slate, and I created this little project.<\/p>\n
So, this is a mockup to test a minimum viable pagination and preloading of data from a REST API to feed a Realm is a great database: easy to use, flexible, efficient, cross-platform, fully documented and very well maintained. In one word, it’s brilliant! For more info, have a look here<\/a>.<\/p>\n One thing to know if you worked with other databases before: there is no pagination (or limit) in Realm’s current API, you always get all the results matching your query. This actually makes sense as you may not want to store all the possible dynamic content of the Earth on your device, but only what’s useful to you. Also, when there is any changes in the database, your application gets notified and you usually reload the content. It’s usually the point, right?<\/p>\n So I came across a pagination challenge: how to preload nicely (and quietly) the next batch of content so it would be available when you scroll to it?<\/p>\n The idea is simple: you need to trigger the preload when you reach a certain point (nothing new under the sun, that’s basic pagination) AND you need to prevent multiple (unwanted) preloads from happening.<\/p>\n If you miss the second point, the waterfall effect can be quite impressive to watch: you load the 1st batch of data that creates the cells, then it reaches the preload point that loads the next set of data that reloads the view and creates the cells, etc. Yep, infinite loop, our favorite!<\/p>\n Let’s build a simple pagination mechanism together!<\/p>\n First, initialization:<\/p>\n In Then make sure you can get and reload data:<\/p>\n And here is the bit of code that checks if we need to load the next page of data:<\/p>\n Nothing complicated, I just wanted to keep it clean and simple. The full demo project is on GitHub: RealmPagination<\/a>.<\/p>\n Just one word before we leave: if you have auto-resizing cells, set the default size value as close to the final size as you can get. The reason is simple: when you reload your Any thoughts or feedback on Realm or pagination? Please leave a comment below :)<\/p>\n","protected":false},"excerpt":{"rendered":" If you’re using Realm database and a REST API, you may have\u00a0encountered a pagination issue at some point.\u00a0That’s what happened in the project I’m working on. Something was wrong with the pagination and I kept adding variables and ifs until I couldn’t remember what was doing what. Then I realized I needed a clean slate, and I created this little project. So, this is a mockup to test a minimum viable pagination and preloading of data from a REST API to feed a UITableView or UICollectionView, using Realm.io database. Just to make things clear, I am not introducing pagination into … Continue reading Simple UICollectionView pagination with API and Realm database<\/span> UITableView<\/code> or UICollectionView<\/code>, using Realm.io<\/a> database.
\nJust to make things clear, I am not introducing pagination into Realm’s API, nor am I paginating Realm results themselves.<\/p>\nA few words about Realm<\/h2>\n
The idea<\/h2>\n
The implementation<\/h2>\n
let pageSize = 20 \/\/ that's up to you, really\r\nlet preloadMargin = 5 \/\/ or whatever number that makes sense with your page size\r\nvar lastLoadedPage = 0<\/pre>\n
viewDidLoad<\/code>, make sure to get your first batch of data, and to reload when the database is updated:<\/p>\noverride func viewDidLoad() {\r\n super.viewDidLoad()\r\n\r\n \/\/ do stuff here\r\n\r\n notificationToken = realm.addNotificationBlock { [unowned self] note, realm in\r\n self.reloadData()\r\n }\r\n\r\n getData()\r\n}<\/pre>\nfunc getData(page: Int = 0) {\r\n lastLoadedPage = page\r\n \/\/ TODO: do the API call to get data\r\n}\r\n\r\nfunc reloadData() {\r\n \/\/ TODO: retrieve data from the database\r\n collectionView?.reloadSections(NSIndexSet(index: 0))\r\n}<\/pre>\noverride func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {\r\n\r\n let nextPage: Int = Int(indexPath.item \/ pageSize) + 1\r\n let preloadIndex = nextPage * pageSize - preloadMargin\r\n\r\n \/\/ trigger the preload when you reach a certain point AND prevent multiple loads and updates\r\n if (indexPath.item >= preloadIndex && lastLoadedPage < nextPage) {\r\n getData(nextPage)\r\n }\r\n\r\n \/\/ TODO: configure cell\r\n}<\/pre>\nUITableView<\/code> or UICollectionView<\/code>, the scroll offset will be calculated based on the estimated cell size. So your scrollView<\/code> may be off after the reload, and you may end up landing on the wrong cell.<\/p>\n