Creating a Facebook reactions widget

In this recipe, we'll be creating a component that emulates the Facebook reaction widget. We will have a like button image which, when pressed, will show five icons. The row of icons will use a staggered slide-in animation while increasing opacity from 0 to 1.

Getting ready

Let's create an empty app called facebook-widget.

We are going to need some images to display a fake timeline. A few pictures of your cat will work, or you can use the cat pictures included in the corresponding repository on GitHub (https://github.com/warlyware/react-native-cookbook/tree/master/chapter-7/facebook-widget). We'll also need five icons to display the five reactions, such as, angry, laughing...