Ballon slider - Reanimated, Gestures, Sensors and Math

Custom React Native slider animation using React Native Reanimated, React Native Gesture Handler, Rotation sensor via `useAnimatedSensor` and finally Math.atan2 to calculate the angle of the ballon. The angle is calculated using physics based animation via `withSpring` where we naturally delay the new position of the ballon and get the angle between previous `x,y` and new springified `x,y` knob positions. NOTE: The `y` is always fixed, because the ballon `y` position never changes.

react native slider

react native reanimated

react native reanimated 3

react native gesture handler

react native ballon slider

react native math

react native reanimated sensors

react native rotation sensor