Join Samer Buna for an in-depth discussion in this video Considering the device dimensions, part of React Native Essential Training.
- We accomplished the desired bouncing animation…that we wanted using the spring animation type.…But I'd 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's 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 induration 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 Native would use some kind…of easing function to define how to transition…from zero to 100.…
For example, there is a linear transition.…
- Hello React Native on iOS and Android
- Styling React Native components
- Platform APIs
- Building a simple game app and a data-driven app
- Using the Fetch API
- Creating an animation loop
- Testing on Android
- Changing an app logo and a splash screen
- Using TestFlight with internal testers
Skill Level Intermediate
1. Getting Started
2. React Native Fundamentals
Hello React Native on iOS5m 42s
3. Building a Simple Game App
4. Building a Data-driven App
5. Animation and Gesture Control
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.