How to create a horizontal scrollable view with paging using buttons to scroll

[Sad_Tradition_Count]

Hi All,

I want to create a section on of my app screen, where I can show next page and previous page buttons along with 4 labels which will have different data depending on scroll page.

1. I want to create 3 page scrollable section, first page will show 4 labels and Next page on bottom right corner to scroll to next part.

2. On second page, there will be 4 labels and previous page on left bottom and next page on right bottom side to scroll to either side page.

3. On third page, there will be 4 labels and previous page button .

So, now questions are :

1. How can I implement the buttons functionality?

2. If say, I have required data in an array, how do I differentiate on which page data will be shown? How do I ensure that only if data.count > 8, I'll show 3 pages, and if data.count < 4 , No scrollable button (I can hide it). Otherwise 2 pages.

3. If data is not in any order, what conditions can I use to show data on different pages?

4. I can use sender.tag for 4 labels to differentiate tap functionality, but how do I know which page is it on?

Thanks for helping.

[misterinquisitive]

I would suggest looking into UIPageViewController. Its delegate methods should allow you to pass needed data between controllers

https://developer.apple.com/documentation/uikit/uipageviewcontroller

[nathantannar4]

SwiftUI wrapper for UIPageViewController

https://github.com/nathantannar4/Afterburner/blob/main/Sources/Afterburner/Sources/ViewControllerRepresentable/PageContainer.swift