Build a Morphing Circle Animation with React Native Skia

A guide to building a Morphing Circle Animation in React-Native. A really cool and fun animation to add to your app 🙂.

---
00:00 Intro
01:28 Drawing the Circle
03:15 Animating the Circle
05:30 Drawing the Gradient
07:02 Outro

[ghulamhussain]

I am working on react native with expo project I have installed react-native-skia library but this generate while I am using this library in my application. this is error: evaluating can you please help me to solve this problem?

[charlestona.]

I'm adapting the changes in my project to incorporate the new version of Skia, as many of the functions I used to rely on have been modified or removed. The previous showcase is only compatible with the old version, reflecting the absence of current functions. I'm taking the concept from the showcase and applying it to the new version of Skia.

[javascript-drops]

That is awesome Dan, do you think you can stack some blobs, apply some transparency and have multiple layers of diff colors?

[AlexandreChevallier-zj]

Amazing work!

Do you schedule to rework with reanimated v3 since useComputedValue is deprecated in newer version of rnskia ?

[-leovinci]

Have you ever use Skia before rect-native-skia came out?
Is it more powerful than browser canvas?