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

Creating an animation loop - React Native Tutorial

From the course: React Native Essential Training

Start my 1-month free trial

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…

Contents