telly/TLYShyNavBarArchived
TLYShyNavBar
TLYShyNavBar provides interface components for iOS that implement scroll-responsive navigation bars and dynamic header extensions. It consists of a navigation bar component that automatically hides or reveals itself based on scroll direction and distance to maximize screen real estate.
The system includes a dynamic header extension for attaching custom views to the navigation bar. These extension views can resize, slide out of the viewport, or remain pinned as the user scrolls through primary content.
The project covers navigation bar transition controls, including configurable fade styling and scroll resistance thresholds that prevent visibility changes until a specific pixel distance is exceeded. It also handles the rendering of custom extension views that shift or remain sticky relative to the navigation bar.
Features
- Dynamic Navigation Behaviors - Implements iOS-specific navigation bars that respond dynamically to content scrolling to maximize screen real estate.
- Auto-Hiding Navigation Bars - Ships a navigation bar component for iOS that automatically hides or reveals itself based on scroll behavior.
- Sticky Extension Views - Enables placing custom views beneath the navigation bar that can slide out of view or remain pinned.
- Scroll-Responsive View Extensions - Allows attaching custom views to the navigation bar that automatically resize and shift as the user scrolls.
- Sticky Positioning - Provides the ability to pin custom extension views to the top of the screen during active scrolling.
- Scroll-Responsive Navigation Views - Integrates custom extension views into the navigation bar that react to scroll events by resizing or sliding.
- Dynamic View Offsetting - Calculates dynamic coordinate shifts for extension views based on the user's current scroll progress.
- Navigation Bars - Provides a navigation bar that automatically hides or reveals itself based on user scroll direction.
- Scroll-Adaptive Headers - Provides headers and navigation bars that shift visibility and position dynamically as content is scrolled.
- Scroll-Responsive Navigation Bars - Implements a navigation interface that reacts to scrolling content with configurable resistance and custom fading.
- Scroll-State Tracking - Monitors scroll offsets to trigger state transitions and layout changes in the navigation bar.
- Scroll View Interface Extensions - Provides behavioral extensions to the scroll view that allow custom views to scroll in tandem with the navigation bar.
- Translation-Based Layout Shifting - Implements rendering techniques that shift extension views vertically to reveal or hide them during scrolling.
- Scroll Bars - Implements a pixel tolerance threshold that must be exceeded before the navigation bar triggers a visibility change.
- Scroll-Driven Visibility - Toggles the navigation bar's visibility and opacity based on the user's scroll direction.
- Scroll-Driven Transition Effects - Controls how navigation elements fade or animate during scrolling using custom resistance and transition effects.
- Scroll-Offset Thresholds - Sets a pixel distance threshold that must be exceeded before the navigation bar changes visibility.
- Navigation Bar Transition Controllers - Allows adjusting the visual fade behavior and transition logic as the navigation bar enters or exits the viewport.
- UI Components - Navigation bar that automatically hides/shows during scrolling.
