react-native-screens
react-native-screens copied to clipboard
onScroll triggered from previous screen when stack screen changed
Description
I created a custom header. This custom header has a title and steps. In stack view, I'm listening onScroll event and passing translateY position to screen params with setParams({ translateY: .. }).
Custom header listening this translateY position from route params and if scrollview translateY position between 0-44 that I starting showing steps so far everything is fine.
Second stack screen also has same custom header and own scrollview. When I back to previous screen from second screen onScroll triggered with translateY=0 for first screen.
Please check snack repository or video.
https://user-images.githubusercontent.com/3721734/214153384-037f3572-fe1f-409b-9fe8-1f31c0f13a44.mp4
Steps to reproduce
- Scroll down on Enter your personal info screen
- Tap to submit
- Tap to submit from Enter your phone number screen
- It will back to Enter your personal info screen with wrong onScroll position
Snack or a link to a repository
https://snack.expo.dev/@melihwamo/onscroll-event-trigger-from-when-stack-screen-changed?platform=ios
Screens version
3.19.0
React Native version
0.68.5
Platforms
Android, iOS
JavaScript runtime
None
Workflow
React Native (without Expo)
Architecture
Paper (Old Architecture)
Build type
None
Device
iOS simulator
Device model
No response
Acknowledgements
Yes
Same issue here! Any Solution?
Same issue !