SwiftUI – Detect when ScrollView has finished scrolling?

by

Here is a demo of possible approach – use publisher with changed scrolled content coordinates with debounce, so event reported only after coordinates stopped changing.

Tested with Xcode 12.1 / iOS 14.1

UPDATE: verified as worked with Xcode 13.3 / iOS 15.4

Note: you can play with debounce period to tune it for your needs.

demo

import Combine

struct ContentView: View {
    let detector: CurrentValueSubject<CGFloat, Never>
    let publisher: AnyPublisher<CGFloat, Never>

    init() {
        let detector = CurrentValueSubject<CGFloat, Never>(0)
        self.publisher = detector
            .debounce(for: .seconds(0.2), scheduler: DispatchQueue.main)
            .dropFirst()
            .eraseToAnyPublisher()
        self.detector = detector
    }
    
    var body: some View {
        ScrollView {
            VStack(spacing: 20) {
                ForEach(0...100, id: \.self) { i in
                    Rectangle()
                        .frame(width: 200, height: 100)
                        .foregroundColor(.green)
                        .overlay(Text("\(i)"))
                }
            }
            .frame(maxWidth: .infinity)
            .background(GeometryReader {
                Color.clear.preference(key: ViewOffsetKey.self,
                    value: -$0.frame(in: .named("scroll")).origin.y)
            })
            .onPreferenceChange(ViewOffsetKey.self) { detector.send($0) }
        }.coordinateSpace(name: "scroll")
        .onReceive(publisher) {
            print("Stopped on: \($0)")
        }
    }
}

struct ViewOffsetKey: PreferenceKey {
    typealias Value = CGFloat
    static var defaultValue = CGFloat.zero
    static func reduce(value: inout Value, nextValue: () -> Value) {
        value += nextValue()
    }
}

More Related Contents:

  1. SwiftUI: Make ScrollView scrollable only if it exceeds the height of the screen
  2. What is the difference between ObservedObject and StateObject in SwiftUI
  3. How to tell SwiftUI views to bind to nested ObservableObjects
  4. Get the current scroll position of a SwiftUI ScrollView
  5. SwiftUI – Multiple Buttons in a List row
  6. SwiftUI HStack with Wrap
  7. SwiftUI NavigationLink loads destination view immediately, without clicking
  8. How to remove the default Navigation Bar space in SwiftUI NavigationView
  9. How to access own window within SwiftUI view?
  10. iOS14 introducing errors with @State bindings
  11. Xcode Canvas for SwiftUI previews does not show up
  12. @Binding and ForEach in SwiftUI
  13. SwiftUI Hide TabView bar inside NavigationLink views
  14. SwiftUI List color background
  15. Automatically adjustable view height based on text height in SwiftUI
  16. SwiftUI TextField max length
  17. SwiftUI – how to avoid navigation hardcoded into the view?
  18. Prevent dismissal of modal view controller in SwiftUI
  19. Implement dark mode switch in SwiftUI App
  20. How to observe changes in UserDefaults?
  21. SwiftUI withAnimation completion callback
  22. @Published property wrapper not working on subclass of ObservableObject
  23. SwiftUI – Animations triggered inside a View that’s in a list doesn’t animate the list as well
  24. NavigationView and NavigationLink on button click in SwiftUI?
  25. How to have a dynamic List of Views using SwiftUI
  26. How to open the ImagePicker in SwiftUI?
  27. How to properly group a list fetched from CoreData by date?
  28. SwiftUI modal presentation works only once from navigationBarItems
  29. SwiftUI View – viewDidLoad()?
  30. Proportional height (or width) in SwiftUI

Leave a Comment