Not sure if this is due to a new version of watchOS, but PageScrollState.swift's line 70: self.pageOffset = 0.0 seems to reset the position of the "previous" page to its origin before doing the animation to the new page. As a result, the swipe to an adjacent page has sort of a hiccup. Moving the statement inside the DispatchQueue.main.async block fixes the issue. Lines 69~76 would change as follows:

       withAnimation(.easeInOut(duration: 0.2)) {
            self.selectedPage = newPage
        }
        
        DispatchQueue.main.async {
            self.pageOffset = 0.0
            self.isGestureActive = false
        }

Even so, swipe "end animations" still do seem a little unnatural, probably because the remaining distance--whatever it might be--is always reached in 0.2 second in an .easeInOut animation, which might benefit from being .easeOut only. Thank you.

The only init method available does not support a for each loop as the example below.

HPageView(selectedPage: $pageIndex) {      
    ForEach(images, id: \.self) { image in
        Image(uiImage: image.uiImage)
            .resizable()
            .scaledToFill()
    }
}

But this could be improved and supported by a new initializer

HPageView(selectedPage: $pageIndex, pageCount: images.count) {      
    ForEach(images, id: \.self) { image in
        Image(uiImage: image.uiImage)
            .resizable()
            .scaledToFill()
    }
}

hey, I'm building an watchOS app using swiftUI and PageView, the first view inside the HPageView has two buttons inside a VStack, and it's almost impossible to swipe from this view to another, because every time that I try to swipe, it's recognized as a button click

When using the HPageView with sperate views, it works as expected:

HPageView(selectedPage: $pageIndex) {
	Color.red
	Color.green
	Color.blue
}

But when trying to use ForEach, the PageView looks strange and only has one page indicator dot:

HPageView(selectedPage: $pageIndex, theme: pageTheme) {
	ForEach(0..<2) { n in
		Text("Number \(n)")
	}
}

When I to use a tap gesture on a view inside the HPageView nothing is happening. I am assuming it is because the drag gesture is taking this over. Have you seen this issue? Is there a way to fix this?

Hi, is there a way to animate/change the .navigationBarTitle on page switch? Currently, it takes the title of the first page and displays that on all the other pages as well.

• ForEach-style init (#17)
• Fix drag animation (#12)
• Ability to choose drag gesture type using PageGestureType
• Bumped deployment target to iOS 14 and watchOS 7

Some of changes/features here are based on work of @gregcotten (#13)

Performance improvement by removing AnyView/Group components causing scrolling not being smooth on slower devices like Apple Watch.

• [x] AnyView-less implementation
• [x] refined API with automatic view counting using custom ViewBuilder
• [x] update README

It works perfectly if we have a fixed length of data. Unfortunately, it does not support dynamic data. Here is a demo

// viewModel.state.list is fetched after fetchNextPageIfPossible
VPageView(selectedPage: $pageIndex) {
            ForEach(viewModel.state.list, id: \.self) { _ in
                ImageCell(urlStr: Image.fullScreenDemo)
            }
        }
        .onAppear {
            viewModel.reset()
            viewModel.fetchNextPageIfPossible()
        }
 .background(Color(hex: "2A3A3F"))

I may have misunderstood what's happening here, but hopefully a video demo will help show what the issue is. Essentially when I swipe on a page, I can see the next page, but when I stop swiping the pages just stay in the half-transitioned state instead of snapping to either the new or current page based on the threshold.

import PageView
import SwiftUI

public struct ImageCarouselView: View {
    let imageURLs: [URL]

    @State private var index: Int = 0

    public var body: some View {
        HPageView(selectedPage: $index, data: imageURLs) { imageURL in
            CachedImage(imageURL) // Kingfisher image view
            // Text(imageURL.absoluteString) // Same problem
        }
    }
}

// For the purposes of demonstration code
extension URL: Identifiable {
    var id: String { absoluteString }
}

ImageCarouselView(imageURLs: imageURLs)
    .frame(width: width, height: width * 4 / 3)

As far as I can tell from the docs this should work as-is. I've tried passing each of the different pageGestureTypes to the constructor, and also tried some extreme settings for pageSwitchThreshold (0.1 and 0.9), but neither of these seems to have any effect.

I thought that there could be some issue with an interactor above this component in the view hierarchy, but there's nothing obvious that stands out to me, and I'm not quite sure what to look for. This view originally had an onTapGesture handler on it, but I removed that to narrow down the problem.

Here's a video of the issue. It's from the simulator for ease of recording, but the same behaviour happens on a real device.

https://user-images.githubusercontent.com/202400/138448200-131f5301-4195-4678-85a7-d31b493e4353.mov

iOS: 14.5, Xcode: 13.0. PageView: 1.5.0

Happy to provide any more information that may help diagnose this!

In the following scenario I can see all three pages (ImageView) at once and the pages even slide behind "MyLabel". Is there a way to stop that from happening?

HStack{
    Text("MyLabel: ")
    HPageView(selectedPage: $pageIndex) {
        Image1View()
        Image2View()
        Image3View()
    }
}

I have pages with knobs and sliders and am unable to select them! Would it be possible to...

• allow for gestures on pages to override the scrolling gesture?
• have the option of locking the page scrolling?
• have the option of only allowing scrolling through the page control ?

Hi there! Thanks for making this.

I wanted to customize the page views a bit more so I added:

1. Modernize PageScrollState to be stored as a @StateObject, bumping requirement to iOS 14 and watchOS 7.
2. Make a PageViewSettings struct to encapsulate:

• Existing preference for switchThreshold
• Preference to dial in an "drag edge threshold" which is expressed as a ratio of the width or height of the page. The default value is 0.5, which allows the entire screen.
• Preference for changing gesture types (.standard, .simultaneous, .highPriority, AND disable drag events entirely)

3. Make a default PageViewSettings that matches the current behavior of the page view