react-native-conical-gradient-progress

React Native component for creating animated, conical gradient progress with react-native-svg

Usage no npm install needed!

<script type="module">
  import reactNativeConicalGradientProgress from 'https://cdn.skypack.dev/react-native-conical-gradient-progress';
</script>

README

react-native-conical-gradient-progress

:sunrise: Attempt on implementing conical gradient for react-native-circular-progress (see https://github.com/bgryszko/react-native-circular-progress/issues/41 https://github.com/fdnhkj/react-native-conical-gradient)

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

iOS gif

References