React Native Reanimated - Donut Chart

React Native Reanimated  - Donut Chart

In this post, we will learn how to create an animated donut chart component in React Native using React Native  Reanimated and React Native SVG.

I m playing with Reanimated library for fun purposes from time to time. Recently I show a video on Youtube from Catalin Miron. He showed how to make a donut chart with React Native Animated API. After I saw this video I decided to make the same chart with Reanimated API.  

Reanimated is simple and cleaner than Animated API. I used  useAnimatedProps hooks to update the Animation of SVG progress and Text value.