From the course: React Native Essential Training
Unlock the full course today
Join today to access over 24,800 courses taught by industry experts.
Preparing for swiping - React Native Tutorial
From the course: React Native Essential Training
Preparing for swiping
- [Tutor] Over the next few videos we're going to implement a few improvements to our app using animation and gesture control. The most important feature is to allow the user to browse through the multiple images that are available on some deals. The bake sale API already exposes an array of images for us. We have so far only used the first image. So let's give users the ability to swipe left and right while they are on the deal detail view to see the different images attached to a deal. We can use React Native built-in gestures and animations to do that. To prepare for this swiping animation, I'm going to make the deal detail view full screen here, get rid of these borders. So in here, let's get rid of the marginHorizontal and let's get rid of the borders everywhere. See how that looks. This is looking better, but let's give the backLink some marginLeft. Maybe 10? Perfect. So this way when I start swiping the images…
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)
-
-