Creating the popular heart animation using States

In this Proto.io tutorial you will learn how to create a popular UI pattern: the ‘heart’ pattern, that basically indicates an item being ‘favorited’ or ‘liked'.

The user taps on a heart icon and that becomes slightly bigger (with a nice animation) to acknowledge the tap, and then the fill color changes to indicate that the item has been ‘favorited'. When the user taps again, the heart becomes ‘empty’.

We will demonstrate how to achieve this using States.

Have more questions? Submit a request