saigontechnology / react-native-svg-circular-progress

A circular progress chart using react-native-svg

React Native Svg Circular Progress

A circular progress chart using react-native-svg

Installation

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

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)

react-native-svg-circular-progress's Issues

This repo is moved to https://github.com/rudyhuynh/react-native-svg-circular-progress

This repo is moved to https://github.com/rudyhuynh/react-native-svg-circular-progress.

Request props for scale the height & width or radius

I want to make it smaller? is there any solution for me to scale it?

requireNativeComponent: "RNSVGCircle" was not found in the UIManager.

I am trying to use in react native windows. I see its failing.

can we make it to have a stripped view