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