React Native component for creating animated, circular progress with ReactART. Useful for displaying users points for example. Works on iOS & Android.
Looking for a circular slider? Take a look at my other component – react-native-circular-slider ⏰
npm i --save react-native-circular-progress
Import CircularProgress or AnimatedCircularProgress.
Use as follows:
You can also define a function, that'll receive current progress and for example display it inside the circle:
Finally, you can manually trigger a duration-based timing animation by putting a ref on the component and calling the
performLinearAnimation(toValue, duration) function like so:
thisrefscircularProgress; // Will fill the progress bar linearly in 8 seconds
You can configure the passing by following props:
git clone https://github.com/bgryszko/react-native-circular-progress.gitcd react-native-circular-progress/exampleyarnyarn start
Bartosz Gryszko (firstname.lastname@example.org)
For new components and updates follow me on twitter.
Special thanks to Chalk+Chisel for creating working environment where people grow. This component was created for one of the projects we're working on.