Pause and resume animation

[haophan1507]

Hello, I'm using withRepeat to loop an animation. Now I want to pause and resume it. It seems the cancelAnimation function is not working as I want it to. Anyone have a solution?

[fukemy]

did you take a look here: https://docs.swmansion.com/react-native-reanimated/docs/core/cancelAnimation
it's work as expected.

[haophan1507]

Thanks, I watched, but when restarting the motion, it starts at the stop, rather than starting from the beginning:
#4889

[LoserAntbear]

did you take a look here: https://docs.swmansion.com/react-native-reanimated/docs/core/cancelAnimation it's work as expected.

The given example produces a bug, where repeated animation breaks the position after being paused.
If you pause translation animation halfway through and resume - it will be looped only to this position.

Screen.Recording.2025-03-15.at.00.30.56.mov

[fukemy]

it's seem the only way is pause the usesharedvalue from change

[LoserAntbear]

Yea, something like that.
Or to write a custom hook.