3.4 Animatable

In this tutorial, you will learn to use an animation library named react-native-animatable that gives you pre-packaged animations that can easily be applied to elements in your app. At the end of this tutorial, you will be able to:

  • Set up your app to use react-native-animatable
  • Apply pre-packaged animations to some elements


3.4.1 How to

1. Install react-native-animatable (tested on v1.3.3).

  • $ expo install react-native-animatable

2. Update 'components/ContactComponent.js' file.

3. Update 'components/AboutComponent.js' file.

4. Update 'components/DishdetailComponent.js' file.

5. Update 'components/FavoritesComponent.js' file.

6. Update 'components/HomeComponent.js' file.

7. Update 'components/MenuComponent.js' file.