1.0.1 • Published 5 years ago

rn-circular-progress v1.0.1

Weekly downloads
1
License
MIT
Repository
github
Last release
5 years ago

React Native Circular Progress Bar 🚀

A UI component to show a circular progress bar.

Demo

Installation

RN-Circular-Progress is dependent with react-native-svg library.

npm install --save react-native-svg
npm install --save rn-circular-progress
yarn add react-native-svg
yarn add rn-circular-progress

Usage

import CircularProgress from 'rn-circular-progress'

render() {
  return (
    <View style={styles.mainContainer}>
      <CircularProgress progress={progress} size={{ width: 200, height: 200 }} progressColor={rgb(134, 65, 244)}>
        {children}
      </CircularProgress>
    </View>
  )
}

Properties

PropTypeDescription
progressNumberActual progress data of the component
sizeObject({ width, height })The dimension of the component.
progressColorStringThe progressing color.

License

MIT