oblador/react-native-progress
React Native Progress
react-native-progress is a collection of visual components for cross-platform mobile applications designed to represent completion percentages and loading states. It provides a set of progress bars, circular indicators, and loading spinners for mobile environments.
The library includes specific components for visualizing progress, such as a percentage progress pie, circular progress indicators with inner text, and linear progress bars. For active background processes, it provides animated loading spinners and activity spinners to signal ongoing tasks.
These components support task completion visualization and data progress monitoring through a variety of shapes, including rings, bars, and filled circular charts.
Features
- React Native Components - Offers a set of pre-built progress and loading visual components designed specifically for React Native mobile applications.
- Activity Indicators - Provides activity indicators to signal that a background process is currently running.
- Loading Animations - Ships animated rotating circle components to indicate ongoing background activity.
- Ring Charts - Provides ring charts to visualize numeric completion values and data ratios within a mobile interface.
- Linear Progress Bars - Implements horizontal progress bars that fill according to a numeric value or animate indefinitely.
- Loading State Visualizations - Provides UI components and patterns to represent data fetching and background processing states via animated spinners.
- Visual Progress Indicators - Provides a suite of bars and circles that give real-time visual feedback on the completion status of a task.
- Circular Progress Indicators - Provides circular indicators that display a filling arc based on a numeric value with center-aligned text.
- Progress Visualizations - Implements linear and circular indicators to display the completion percentage of a background process.
- SVG-Based Vector Rendering - Employs scalable vector graphics (SVG) to render precise shapes and arcs that remain sharp across all screen densities.
- Cross-Platform Mobile UI Kits - Provides a consistent set of progress bars and spinners that work across different mobile operating systems.
- Native Animation Drivers - Utilizes native animation drivers to ensure smooth, high-performance rotations for loading spinners by bypassing the JavaScript bridge.
- Pie Charts - Includes a filled circular pie chart component used to visualize a specific percentage of task completion.
- Declarative UI Composition - Builds complex progress indicators by nesting basic SVG primitives within a declarative React component hierarchy.
- UI Components - Progress indicators and spinners using native rendering.
