Animated Circular Progress Wheel For React Native

A React Native component for creating natively animated, circular progress wheel.

How to use it:

1. Install & import.

# Yarn
$ yarn add react-native-progress-wheel

# NPM
$ npm i react-native-progress-wheel

import AnimatedProgressWheel from ‘react-native-progress-wheel’;

2. Add the <AnimatedProgressWheel /> component to the app.

<AnimatedProgressWheel 
  ...
/>

3. Default props.

color: 'white',
backgroundColor: 'gray',
size: 200,
width: 25,
progress: 0,
duration: 600,
animateFromValue: -1,
fullColor: null,
onAnimationComplete: () => {},

Preview:

react-native-progress-wheel

Download Details:

Author: RobertFOConnor

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/RobertFOConnor/react-native-progress-wheel

License: MIT

You Might Be Interested In:

Add Comment