Hi all,

Neat library, thanks for building it. I found some issues with the implementation. If you have a UIKit based app and want to present one of the examples inside of a nav with a modelPresentationStyle of .pageSheet with code like this:

 @objc func presentOnboarding() {
        let onboardingViewController = UIHostingController(rootView: OnboardingView())
        let nav = UINavigationController(rootViewController: onboardingViewController)
        nav.modalPresentationStyle = .pageSheet

        if let sheet = nav.sheetPresentationController {
            sheet.detents = [.medium(), .large()]
        }
        present(nav, animated: true, completion: nil)
    }

You get this result (this is based off your ColorScalingHeader example).

Let me know if I can help further.

Hi, firstly thank you for the great and helpful package.
I've worked a little time with the package.
In my use case, I need to detect whether the scroll view scrolled has reached bottom or not.
Is there is any function or work around to get the capability "detect scrollview has reach bottom"?

Thank you in advance. Have a great day.

Is there a reason why the pod's minimum deployment target is set to iOS 14 while swift package's set to iOS 15?
We use spm and target iOS 14 but are forced to use cocoapods.

Says no compatible version found, there is no ver 1.0.0 in xcode package manager, and cocopods throw this error even without specifying a version: CocoaPods could not find compatible versions for pod "ScalingHeaderScrollView":
In Podfile:
ScalingHeaderScrollView

When using the ScalingHeader in a view inside of a NavigationStack, the user can start to swipe up and then quickly swipe down to cause white space to show up.
https://github.com/exyte/ScalingHeaderScrollView/assets/5478660/de92ae7e-d827-48ab-b0a9-fb837280ce52

Hi
I am using tabiew with three views inside the ScallingHeaderScrollview content block, there is a height issue for the TabView views. The data is getting cut. Can't we provide dynamic height for the Tabview so that the complete data get scrolled and be visible.

Not sure if this is a bug or a known tradeoff, but is there a way to adjust the offset of the header when the screen is being displayed as a popup? Wanting to allow users to drag the screen down. Have tried a few different things but can't quite crack it

Hi, I've been looking forward to using this in a project for sometime until I faced an issue when embedding a nice TabView component.

The problem:
The TabView contains 3 views. Each view has a different number of rows so obvoiusly different content height for each view. The Tabview is not displaying the full content because it needs each view to be wrapped with a ScrollView of its own which will clash with the Card scrollView upon scrolling :(.

I thought as an alternative, I would try to calculate the height dynamically of each view to set the height of the TabView whenever the user switches the index but I am unable to get it right. and also if I do that it messes with the slide transition.

I am not sure what the best solution is I hope there is a way or somehow when we scroll the scrollview of each view to also scroll the card ! I am out of attempts at this stage. hoping someone could help with a solution.

I've attached the sample project just navigate to the Banking Screen you'll see the code there and a few extra things.
ScalingHeaderScrollView.zip

Hey folks, I tried out the library in my demo project but hit a small bump. In the content section, I added a list of items. The header has a weird behavior when I add a modal sheet. :( This is also reproducible in the ProfileScreen example. I replaced the ContentView body with ProfileScreen() to display a sheet when clicking the hire button. Note: The longer the list, the lower the image.

Would you happen to know how to fix this?

When select My Mac, and build failed

How to fix this?

error: The package product 'Introspect' requires minimum platform version 10.15 for the macOS platform, but this target supports 10.13 (in target 'ScalingHeaderScrollView' from project 'ScalingHeaderScrollView')

I have encountered a bug in the "Scaling Header Scroll View". When the header is in its shrunk state, there is an unresponsive tap area in the region where the header would be expanded.
Please see attached video.

This issue can be temporarily resolved by disabling allowsHitTesting on the header, but this also allows interactions with buttons even when they are under the collapsed header, which is not the desired behavior.

Environment:
iOS version: 17.0.3
Xcode version: 15.0.1

Getting this error in this code:

scrollViewDelegate.didScroll = { self.progress = getCollapseProgress() }

Hello,

First off thank you for this package.

I am wondering if it is possible to programmatically scroll/hide the header? Currently, if my content height is long enough and is scrolled all the way down, after I toggle the binding value from .scrollToTop(resetScroll:) it smoothly moves to the top - the large header is hidden (screenshot 2).
Is there a way to achieve a similar behaviour, but when the large header is actually visible? If It is scrolled all the way up (screenshot 1) and I toggle the binding - nothing happens.
I basically want to move from screenshot 1 to screenshot 2 programmatically (in this case, after user selects a date on calendar) - is it possible?

Thank you

Hello, the whole library doesn't work properly in iOS 17. I've tried more complex views and even sample code, collapse progress doesn't work at all.

Same code on iOS 16 and then iOS 17.
iOS 16 was on the simulator, iOS 17 I tried both the simulator and the real device

Hi!

Could it be possible to display the header with max height when scrolling up at any point of the scrollview.

For example, filters on the headers that are hidden when scrolling down, but are shown when the user scrolls up a little bit.

I was exploring the source for the project and I see you guys are using Introspect, and wondering if it is really needed and same thing cannot be done without it?

I'm adding a view with a map in the header. The map would have a minimum value of about 80 and a maximum value of almost the entire screen. However, initially I'd like it to be somewhere in between. Right now the header always seems to default to the maximum height so it would be nice if it's possible to initially set the header height to something else than the maximum height.

https://github.com/exyte/ScalingHeaderScrollView/blob/6afd9b32821b42c9dacb351c8ad8ca49f723ef1d/Source/ScalingHeaderScrollView.swift#L351C5-L351C5

This line of code in some situations returns nan instead of 0 which is not good. I suggest add a condition like:

private func getCollapseProgress() -> CGFloat {
        let result = 1 - min(max((getHeightForHeaderView() - minHeight) / (maxHeight - minHeight), 0), 1)

        if result.isNaN {
            return 0
        } else {
            return result
        }
    }

or some another solution.

I haven't studied the code in depth but there is probably division by zero in some situation.

Thank you for this and other your amazing libraries!
May be you could help me to resolve one annoying issue: clipping/masking the content of a scroll view. I want that scroll view content has rounded corners and clipped to that shape. This might be even not related to your library, but so far I completely stuck. Would be appreciated any suggestions.
This is the effect I want to achieve (it's working in ios17 using .mask and .visualEffect modifiers), but I have to target ios 16, so I am looking for an alternative solution.
Video:
https://github.com/exyte/ScalingHeaderScrollView/assets/2717056/9c0a28db-b924-408b-af15-e94893d2fbfe
Photo:

And this is the best I could achieve with your library.

Thank you for making our work much easier with your libraries!

Is it possible to infer the min and max height for the header without specifying it? I am trying to have a UIViewRepresentable as a large and small header but their height cannot be calculated for some reason and they are dynamic in nature.

I have added a ScalingHeaderScrollView in VStack add added a customView with height 20 and ScalingHeader added spacing in content and crop the header. I have attached code and screen shot

`
struct SimpleScalingHeader: View {

@Environment(\.presentationMode) var presentationMode

@State private var selectedImage: String = "image_1"
@State private var isLoading: Bool = false

var body: some View {
    VStack {
        HStack{
            Text("MyCustom View")
        }
            .frame(height: 20)
        ZStack(alignment: .topLeading) {
            ScalingHeaderScrollView {
                Image(selectedImage)
                    .resizable()
                    .aspectRatio(contentMode: .fill)
                    .clipped()
            } content: {
                Text(defaultDescription)
                    .padding()
            }
            .pullToRefresh(isLoading: $isLoading) {
                changeImage()
            }
            .allowsHeaderCollapse()
            .ignoresSafeArea()
            
            Button("", action: { self.presentationMode.wrappedValue.dismiss() })
                .buttonStyle(CircleButtonStyle(imageName: "arrow.backward"))
                .padding(.leading, 16)
        }
    }
}

// MARK: - Private

private func changeImage() {
    selectedImage = selectedImage == "image_1" ? "image_2" : "image_1"
    isLoading = false
}

}
`

Changes are done in Example. So please check

Same issue happen with TabView(Page)

`

import SwiftUI
import ScalingHeaderScrollView

struct SimpleScalingHeader: View {

@Environment(\.presentationMode) var presentationMode

@State private var selectedImage: String = "image_1"
@State private var isLoading: Bool = false

var body: some View {
    TabView {
        ZStack(alignment: .topLeading) {
            ScalingHeaderScrollView {
                Image(selectedImage)
                    .resizable()
                    .aspectRatio(contentMode: .fill)
                    .clipped()
            } content: {
                Text(defaultDescription)
                    .padding()
            }
            .pullToRefresh(isLoading: $isLoading) {
                changeImage()
            }
            .allowsHeaderCollapse()
            .ignoresSafeArea()
            
            Button("", action: { self.presentationMode.wrappedValue.dismiss() })
                .buttonStyle(CircleButtonStyle(imageName: "arrow.backward"))
                .padding(.leading, 16)
        }
    }
    .tabViewStyle(.page)
}

// MARK: - Private

private func changeImage() {
    selectedImage = selectedImage == "image_1" ? "image_2" : "image_1"
    isLoading = false
}

}
`

Please check it. ASAP

'introspectTableView(customize:)' is deprecated: The Introspect module is deprecated and will be obsoleted later this year. Please switch over to the new and improved SwiftUIIntrospect module. More info: https://github.com/siteline/swiftui-introspect#readme

Currently list view as content is not supported. Do you have the plan to support it?

Great project. Thank you.

Is there a way to have one gradient background and hide the contents as you scroll up?

The third image is obviously the issue. :)

Thank you,

Wael

Since iOS 17.4 if there is a LazyVStack (or any Lazy view) inside the content closure, there is stuttering.

Tools: Xcode Version 14.3.1, iPhone 14 Pro Simulator(iOS 16.4)

• reproduce:
  Run the example app, navigate to the "Banking Screen"
• Debug Log:

ForEach<Array<BankTransaction>, UUID, TransactionView>: the ID 49BB3E99-EF2E-4939-9097-361C36DE5B36 occurs multiple times within the collection, this will give undefined results!

Does this work with pushing on navigation stack with navigation bar hidden?
An Example would be preferable

This simple code

https://gist.github.com/Foreman76/a07531c1e76c8880a9780fcb87d8ebf7

if not use animation or NavigationLink everything is good

what am I doing wrong. Any ideas