/PageView

SwiftUI PageView which takes a custom Index view

Primary LanguageSwiftMIT LicenseMIT

PageView

A slightly more flexible SwiftUI PageView.

This uses TabView with a .page tabViewStyle to implement the basic paging behaviour, but it accepts a second closure should be a view builder defining the index view to use instead of the default dots.

It also allows you to specify the alignment and padding of the index view - so you can inset it more than usual or move it to the top or to one side.

Usage:

        PageView(selection: $selection, indexAlignment: .bottomLeading, indexPadding: 40.0) {
            ForEach(items) { item in
                Text(item)
                    .tag(item)
            }
        } index: {
            DotsIndexView(currentIndex: selection)
        }
        

Stacked Variant

By default, PageView uses a ZStack to place its index view on top of its content.

Unfortunately this seems to cause some issues that prevent the index view from detecting taps/clicks.

As a workaround, there is also a VStackPageView variant, which stacks the index view below the content.

This variant has no problems detecting taps, and is a better choice if you want the index view at the bottom of the content.