1.0.1 • Published 3 years ago
rn-screen-progress-bar v1.0.1
rn-screen-progress-bar
React native device screen progress bar.
Pretty simple package that helps implement screen progress bar. It works on ScrollView component, so it will count everything you put inside ContentArea component. It supports both, Android and IOS platforms.
If you have any suggestions or find any bug, feel free to make an issue!
import {ContentArea} from 'rn-screen-progress-bar';
Than you just need to put the component in the right place and put the children elements inside.
<ContentArea>
<Text>Lorem ipsum dolor sit amet</Text>
</ContentArea>
<ContentArea
percentage
percentageColor="#ffffff">
<Text>Lorem ipsum dolor sit amet</Text>
</ContentArea>
<ContentArea
percentage
percentageColor="#ffffff">
<Text>Lorem ipsum dolor sit amet</Text>
</ContentArea>
<ContentArea
backgroundColor="#000000">
<Text>Lorem ipsum dolor sit amet</Text>
</ContentArea>
<ContentArea
barColor="#8BED4F">
<Text>Lorem ipsum dolor sit amet</Text>
</ContentArea>
<ContentArea
top="20">
<Text>Lorem ipsum dolor sit amet</Text>
</ContentArea>