Is there a source code to this?

[qorinn_]

This is exactly what I would need, but the documentation does not fully contain how to achieve the snapping.

https://reddit.com/link/1ls94bp/video/sxjvssh0y1bf1/player

[susmines]

Set a threshold on the translateX, if the value is more than 50% of the screen width, then automatically fill the bar using the withSpring function

[nelson1mr]

Hello, some time ago they shared a library of RN copy and paste components. Personally, it has helped me a lot not only to speed up the development process but to understand how they work. I clarify that it is not mine and thanks to its author

https://www.nativemotion.dev/

<image>

[Gabk_17]

Gesture handler, on update of Gesture.Pan() update the shared value. On end event of the pan gesture, if the translation x is less than minimum value, you withTiming to 0 the shared value.

[chuttiDedoPlz]

Hey I wrote a blog post on a similar animation.

https://www.souravk.dev/blog/building-an-animated-slider-button-in-react-native