React Native Cookbook - Second Edition

How to do it...

1. Let's start by opening App.js and adding our imports:

import React, { Component } from 'react';import {  View,  Animated,  Image,  Easing,  Dimensions,  StyleSheet,} from 'react-native';

2. Additionally, we need to define some constants and require the images that we are going to use for the animations. Note that we're using the same cloud image as cloudImage1 and cloudImage2, but we will treat them as separate entities in this recipe:

const { width, height } = Dimensions.get('window');const cloudImage1 = require('./assets/images/cloud.png');const cloudImage2 = require('./assets/images/cloud.png');const planeImage = require('./assets/images/plane.gif');const cloudHeight = 100;const cloudWidth = 150;const planeHeight = 60;const ...