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!

https://user-images.githubusercontent.com/21690864/131182596-e82e0034-a6ad-4028-a912-efc1c2198890.mp4

Firstly, you need to import the ContentArea component to the file you want to use it.

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>