From the course: React Native Essential Training
Unlock the full course today
Join today to access over 24,800 courses taught by industry experts.
Considering the device dimensions - React Native Tutorial
From the course: React Native Essential Training
Considering the device dimensions
- [Instructor] We accomplished the desired bouncing animation that we wanted using the spring animation type. But I like it to be faster than that. If you notice the spring animation takes some time to be done and the word sits on the edge for a while. So if we need more control over that, we can use a different type of animation. We can use the timing animation. Let's check what the default for the timing animation look like just without any configuration. So now it's actually going too fast, but there is no weight on the edge, which is excellent. So we can control this a little bit further. We can change the duration. So instead of making it go really fast, let's make the duration one second. So this means don't move too fast. Take one full second to go from zero to 100. So let's test that out. So now, this is much better. It takes one full second to go to the edge. You see that? Now between zero and 100 React…
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)
-
-