React native animated progress bar
It's a simple progress bar using React Native Animated API. I created this for improving one step forward me into writing libraries.
DEMO
Install this by running command in your project directory npm install --save animateprogress
import { SafeAreaView, StatusBar, Text} from 'react-native';import AnimatableProgressBar from 'animateprogress'; const App = () => { console.disableYellowBox = true; return ( <Fragment> <StatusBar barStyle="dark-content" /> <SafeAreaView style={{ flex: 1, backgroundColor: 'grey', padding: 10, justifyContent: 'center', alignItems: 'center' }}> <AnimatableProgressBar current={100} maximum={150} width={300} borderColor='white' height={50} borderRadius={30} borderWidth={2} minimum={20} backgroundColor='red' type="progress" lineBackgroundColor='white' textColor='white' interval={500} /> </SafeAreaView> </Fragment> );}; export default App;
Currently this library supports two types of progress bar.
- Increase
- Progress
In next version of release we will add more features and one more type:
- Decrease
Please fork my repository if you want any other features or raise ideas to improve this library on issues tab.