So I am working on a pet project of mine to control my water pumping motor from my mobile app with a "timer knob". Basically I am knew to animations in React Native, so need some help in building this animated knob. The user basically drags the circle around the number, and drags it around the knob edge to their desired number of minutes (4, 6, 8, 20... etc) for the motor to stay on.

How are the angles for specific intervals calculated?

How do I animate the knob, using gesture handler?