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.