yarolegovich/DiscreteScrollView
DiscreteScrollView
DiscreteScrollView is a UI component and animation library for React Native designed to create centered scroll views and infinite scroll lists. It provides a mechanism to keep the active selection centered within the viewport while maintaining the visibility of adjacent items.
The library enables the implementation of infinite carousels by looping through data sets without boundaries. It allows for the application of visual transformations to items based on their real-time scroll position relative to the center of the view.
The toolset includes capabilities for monitoring selection states and configuring scroll behavior, such as restricting scrolling directions or controlling how users slide through items. It also provides logic to trigger custom actions when the scroll position or centered item updates.
Features
- Centered List Navigation - Implements a specialized scroll view that keeps the active selection centered in the viewport.
- Carousel Components - Provides a React Native component that centers active items and applies scroll-based transformations.
- Looping Content Carousels - Builds a continuously looping data set for an infinite carousel without boundaries.
- Infinite Scrolling - Implements a list that loops through data sets to allow continuous scrolling.
- Looping Scroll Views - Implements a scroll view that wraps content back to the beginning for an endless cycle.
- Position-Based Visual Transformations - Calculates visual offsets in real time by comparing an item's center to the viewport center.
- Scroll-Driven Animation Tools - Synchronizes visual property updates and animations with the real-time scroll position.
- Scroll Alignment Controls - Provides logic to ensure the active element remains aligned with the center of the scrollable viewport.
- Centered Scroll Views - Provides a UI component that keeps the current selection centered within the viewport.
- Infinite Loop Wrapping - Uses modulo-based index wrapping to simulate a continuously looping infinite list.
- Scroll-Driven Item Effects - Modifies the visual appearance of items based on their scroll position to create dynamic effects.
- Scroll-Position Event Triggers - Fires events and triggers custom actions when the scroll position reaches specific markers or items.
- Scroll Snap Constraints - Implements constraints that prevent users from stopping between discrete elements in a list.
- Centered List Rendering - Renders scrollable lists where the active item remains centered and adjacent items stay partially visible.
- Relative Position Transformations - Modifies item visuals based on their relative position to the center to create carousel effects.
- Scroll Behavior Control - Allows configuration of how users slide through items and restricts scrolling directions.
- Selection State Observers - Triggers custom actions when the scroll position changes or the centered item updates.
- List and Grid Components - Discrete scrolling list implementation.
- List Components - Scrollable list based on RecyclerView.
