rn-multi-progress

Multi progress for react native

Usage no npm install needed!

<script type="module">
  import rnMultiProgress from 'https://cdn.skypack.dev/rn-multi-progress';
</script>

README

rn-multi-progress

React Native Multi Progress

Install:

  • npm:
npm i rn-multi-progress
  • yarn:
yarn add rn-multi-progress

Usage:

import { CircleProgress } from "rn-multi-progress";

const ref = useRef();

ref.current.start() //start

<CircleProgress ref={ref} edge={300} border={50} listenValue={(value) => {}}>
  {children}
</CircleProgress>;

Props:

edge:number //Diameter
border:number //border
backgroundColor:string // default color (default: 'rgba(253,171,59,0.15)')
progressColor:string // progress color (default: '#FDAB3B')
from:number // min value(%) (default: 0)
to:number // max value(%) (default: 100)
duration:number // duration from min to max (default: 1000)
listenValue:function // callback function return value while animation
children: ReactElement // View inside progress