Clock Loader Animation in React Native (Reanimated 2)

Publié le: 21 janvier 2022
sur la chaîne: Reactiive

10,161

248

In this tutorial we’ll learn how to create a Clock Loader Animation in React Native.
We're going to use react-native-reanimated v2 ( https://github.com/software-mansion/r... )

My React Native animations course: https://www.reanimate.dev

Learn more about React Native: https://www.reactiive.io

Support me on Patreon:   / reactiive   🤓
Follow me on Twitter:   / reactiive_

Source code: https://github.com/enzomanuelmangano/...

Dribbble Animation: https://dribbble.com/shots/14420202-P...

Here's the introduction to Reanimated    • Introduction to React Native Reanimat...

Chapters:
00:00 Introduction
00:40 Setup
05:35 Rotate animation
11:51 Translate animation
14:29 Let's fix the rotate condition on the second round
17:08 Let's fix the translateY condition on the second round
19:21 Final touches

Sur cette page du site, vous pouvez voir la vidéo en ligne Clock Loader Animation in React Native (Reanimated 2) durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Reactiive 21 janvier 2022, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 10,161 fois et il a aimé 248 téléspectateurs. Bon visionnage!