React Native Animation using Moti

Overview: In react native, animated API is used to make animations in components. But Moti can be used to make simple animations more easily. But Moti requires react-native-reanimated 2 to work.

Links: https://moti.fyi/

https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/installation

Steps to install react native reanimated

  module.exports = {

      …

      plugins: [

          …

          ‘react-native-reanimated/plugin’,

      ],

  };

For copying the code refer to https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/installation

Note:

After installing react native reanimated 2, the Chrome debugger will now no longer work. Because of enabling hermes.

 you need to use Facebook flipper to debug the app and review the console.

Download flipper from here: https://fbflipper.com/

Now react-native  reanimated is installed we will now proceed to installing Moti in our app

Usage