react-native-screens icon indicating copy to clipboard operation
react-native-screens copied to clipboard

onScroll triggered from previous screen when stack screen changed

Open melihberberolu opened this issue 1 year ago • 2 comments

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

  1. Scroll down on Enter your personal info screen
  2. Tap to submit
  3. Tap to submit from Enter your phone number screen
  4. 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

melihberberolu avatar Jan 23 '23 21:01 melihberberolu

Same issue here! Any Solution?

felipegmg avatar Aug 02 '23 18:08 felipegmg

Same issue !

ChrisYohann avatar Mar 16 '24 18:03 ChrisYohann