react-native-svg-circular-progress

1.0.4 • Public • Published

React Native Svg Circular Progress

A circular progress chart using react-native-svg

sample <>

Installation

npm install react-native-svg react-native-svg-circular-progress --save
react-native link

Usage

import {CircularProgress} from 'react-native-svg-circular-progress'
 
const App = () => {
  const percentage = 40
  return <View>
    <CircularProgress percentage={percentage}>
      <View>
        <Text>{percentage}%</Text>
      </View>
    </CircularProgress>
  </View>
}

Props

  • percentage (default: 80)
  • blankColor (default: "#eaeaea")
  • donutColor (default: "#43cdcf")
  • fillColor (default: "white")
  • progressWidth (default: 35)
  • size (default: 100)

Package Sidebar

Install

npm i react-native-svg-circular-progress

Weekly Downloads

967

Version

1.0.4

License

MIT

Unpacked Size

28.3 kB

Total Files

6

Last publish

Collaborators

  • rudyhuynh