CPSC270
Software Engineering and Project Design

Activity 19

React Native Animation

Use React Navigation to extend your number list app. The app should:

  1. Use PanResponder to allow the user to slide a list item horizontally.
  2. Use an Animated Spring to return the item to its original position.

Challenge: Shrink the height of the item as it returns to its original position and remove the item from the flatlist at the end of the animation.

Example: