React Native Simple Animated Progress Bar: A Customizable Component

simple animated progress bar in react native work on both android & ios

Install

npm install react-native-simple-animated-progress-bar --save

yarn add react-native-simple-animated-progress-bar

Usage

import AnimatedProgressBar from 'react-native-simple-animated-progress-bar';

<AnimatedProgressBar
   size={8}
   duration={500}
   progress={currentProgress}
/>

props

name	type	default	description
`size`	number	4	progress bar height
`isRtl`	boolean	true	by this prop you can select progress bar style rtl or ltr
`bgColor`	string	'#c8e6c9'	progress bar background color
`barColor`	string	'#43a047'	progress bar color
`duration`	number	500	animation duration in progress changing
`progress`	number	none	number between 0 - 1
`barStyle`	object or array	none	if you want override progress bar style use this prop
`rootStyle`	object or array	none	if you want override progress bar root style use this prop
`barWidth`	number	screen width	if you want change progress bar width use this prop

Download details:

Author: emami7495
Source: https://github.com/emami7495/react-native-simple-animated-progress-bar

#react #reactnative