react-native-progressbar-with-linear-gradient
v1.0.1
Published
This is progressbar with linear gradient color
Downloads
27
Readme
React Native Progressbar With Linear Gradient
React Native Progressbar With Linear Gradient will help you to achive Linear color in Progressbar
Installation
Install my-project with npm
npm install react-native-progressbar-with-linear-gradient react-native-linear-gradient --save
Usage/Examples
import {Text, View, SafeAreaView} from 'react-native';
import React from 'react';
import ProgressBar from 'react-native-progressbar-with-linear-gradient';
export default function App() {
return (
<SafeAreaView
style={{
flex: 1,
backgroundColor: '#eeeeee',
justifyContent: 'center',
}}>
<Text style={{textAlign: 'center'}}>
ProgressBar with linear gradient
</Text>
<View
style={{
height: 100,
padding: 20,
}}>
<ProgressBar
BgColor={'#ffffff'}
FirstColor={'#58BF68'}
LastColor={'#F1640E'}
Percentage={'50%'}
/>
</View>
</SafeAreaView>
);
}