Creating animated custom loaders seems like a simple task. However, this little tiny component can be really tricky if you don't know which tools to use.
In this tutorial, we'll solve this problem using both Reanimated and React Native Skia.
As always, we'll start with an empty Expo project :)
My React Native animations course: [ Ссылка ]
Shared 100+ Animations on Demos: [ Ссылка ]
Twitter: [ Ссылка ]_
Interpolate Tutorial: [ Ссылка ]
Layout Animations Tutorial: [ Ссылка ]
Source code: [ Ссылка ]
Chapters:
00:00 Introduction
00:33 Skia Canvas Setup
05:18 Convert the Circle to a Skia Path
08:20 The SweepGradient
10:20 The BlurMask
12:48 Animating the Loader
17:30 Animating the Skia Path
24:06 Entering/Exiting animations
