TutorialsCourses

Create a Draggable Opacity Changing Circle with Reanimated in React Native

AuthorJason Brown

Create a Draggable Opacity Changing Circle with Reanimated in React Native

In this lesson we'll use a PanGestureHandler to track a single gesture state. We'll use additional declarative animation functions like cond, eq, add, set, and event. We'll then use interpolate to create opacity and border effects whenever the circle is dragged to new locations.

Tutorial Code
Home