From the course: React Native Essential Training
Unlock the full course today
Join today to access over 22,500 courses taught by industry experts or purchase this course individually.
Creating an animation loop - React Native Tutorial
From the course: React Native Essential Training
Creating an animation loop
- [Instructor] To accomplish the bouncing animation effect that we're planning, we need to control the exposition of this bakesale word. So right now we are rendering this word with a simple text inside of you. You can actually animate both of these components. Usually we animate the containing view. So to animate this view, we need to change the regular component into animated.view, just like that. And of course, I need to import animated from react native. So this is the very first step, animated from react native. And you would change your component to an animated version of that. Next, you need the value that is to be animated which is the exposition of this word. The value to be animated has to be passed to the style of the animated component, but we need to define it first. Since this is related to the component in here, we can define it on the instance of this component. So let's call it title X position. And…