software-mansion / software-mansion/react-native-reanimated
useAnimatedScrollHandler works with jerks
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 11k
- Forks
- 1.5k
- Avg merge
- 3d 4h
- Merged PRs (30d)
- 172
Description
Description
I created several animations on one screen using useAnimatedScrollHandler.
On react-native-reanimated 3.15 (as I remember), the animation worked smoothly. After updating the package, the animations began to twitch on the device (virtual, real).
In App.tsx I set
<ReducedMotionConfig mode={ReduceMotion.Never} />
However, this does not help either.
https://github.com/user-attachments/assets/de18f3c7-1916-4858-8d50-57c014ffb5e4
Steps to reproduce
- use hook useAnimatedScrollHandler
- connect offset to sharedValue
- create styles via useAnimatedStyle with translateY
Snack or a link to a repository
/
Reanimated version
3.16.7
React Native version
0.78
Platforms
Android
JavaScript runtime
Hermes
Workflow
None
Architecture
None
Build type
Debug app & dev bundle
Device
Android emulator
Device model
No response
Acknowledgements
Yes
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start from the App.tsx setup and reproduce the Android behavior with useAnimatedScrollHandler, a sharedValue offset, and useAnimatedStyle with translateY. Compare the jerking behavior on react-native-reanimated 3.16.7 with the reported React Native 0.78 and Hermes environment; done means identifying a reproducible cause or confirming smooth scrolling.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react-native
- Domain
- mobile
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100