From the course: React Native Essential Training
Unlock the full course today
Join today to access over 24,100 courses taught by industry experts.
The Animated and Easing APIs - React Native Tutorial
From the course: React Native Essential Training
The Animated and Easing APIs
- Let's first understand how to do simple animations without any gestures. Animations give some nice visual polish for your app. It's not a required thing, but it does make the app feel truly Native. Let's think about a simple thing that we can animate in our app. There're many things that could use some animation. For example, we do the transitions between screens without any animations so far. Usually, Native apps use animated transitions. That's one thing we can do here. But I'll go with the simpler example and animate the initial Bakesale header word that we displayed while waiting on the initial deals to arrive from the server. Let me actually comment out the Ajax call right here, refresh, so this is the initial view, so maybe the server gets loaded and that Ajax call to fetch the initial fields takes a few seconds. It would be cool to show some kind of animation on the screen here. Let's just bounce the Bakesale…
Contents
-
-
-
-
-
-
-
(Locked)
Preparing for swiping1m 17s
-
(Locked)
The Animated and Easing APIs4m 19s
-
(Locked)
Creating an animation loop6m 31s
-
(Locked)
Considering the device dimensions6m 50s
-
(Locked)
The PanResponder API3m 51s
-
(Locked)
Preparing the PanHandlers3m 46s
-
(Locked)
Swiping left and right6m 9s
-
(Locked)
Handling swipe gestures7m 44s
-
(Locked)
Opening URLs2m 57s
-
(Locked)
-
-