Swiftpack.co - swiftui-library/scrollview-reactive-header as Swift Package

Swiftpack.co is a collection of thousands of indexed Swift packages. Search packages.
See all packages published by swiftui-library.
swiftui-library/scrollview-reactive-header 1.0.1
ScrollView that supports a parallax header image and static overlay.
⭐️ 31
🕓 10 weeks ago
iOS macOS
.package(url: "https://github.com/swiftui-library/scrollview-reactive-header.git", from: "1.0.1")

ScrollViewReactiveHeader

A replacement ScrollView that provides a header with subtle scroll animations.

To see the rest of the SwiftUI Library, visit our website.

https://user-images.githubusercontent.com/8763719/132362666-99609c48-0762-4351-b532-49ae03dda274.mov

Using ScrollViewReactiveHeader is easy:

ScrollViewReactiveHeader(header: {

    MyHeaderBackground()
        .frame(height: 300)
}, headerOverlay: {

    MyHeaderContent()
        .frame(height: 300)
}, body: {

    // Note: This view will be placed inside a ScrollView
    MyScrollingContentView()
}, configuration: .init(showStatusBar: true, backgroundColor: .white))

Future Todos

  • ☐ Make headerOverlay interactive. At the moment, taps will be blocked by the overlaid ScrollView
  • ☐ Add optional callback that reports internally-calculated scroll offset.
  • ☐ Remove dependency on GeometryReader for calculating status bar height. (at the moment, setting .edgesIgnoringSafeArea(.top) will interfere with this package's ability to calculate the height of the status bar. )

GitHub

link
Stars: 31
Last commit: 1 week ago
jonrohan Something's broken? Yell at me @ptrpavlik. Praise and feedback (and money) is also welcome.

Release Notes

1.0.1
10 weeks ago

Sets backgroundColor of ScrollViewConfiguration to nil by default. Thanks to Flo for this commit!

Swiftpack is being maintained by Petr Pavlik | @ptrpavlik | @swiftpackco | API | Analytics