tokkozhin / react-native-conical-gradient-progress

Conical gradient in a circular progress component

react-native-conical-gradient-progress

🌅

Installation

Install this component and react-native-svg:

npm i --save react-native-conical-gradient-progress react-native-svg

Link native code for SVG:

react-native link react-native-svg

Description

• Can accept external Props size, width, fill, prefill, beginColor, endColor, segments, backgroundColor
• Migrated to expo
• Migrated to react-native-svg
• Used multiple paths and different linear gradients to implement the conical gradient

Todo

• Customize component
• Some performance tricks
• Accept Component Props
• Move to Expo

Status

References

• bartgryszko/react-native-circular-progress#41
• https://github.com/fdnhkj/react-native-conical-gradient
• https://github.com/bgryszko/react-native-circular
• http://jsfiddle.net/Cy7ec/3/
• https://github.com/fdnhkj/react-native-conical-gradient