useReanimatedTransitionProgress does not update when scrolling a list and closing a modal on iOS simuniselly

[ArekChr]

Description

When using useReanimatedTransitionProgress to track the progress of closing a modal on iOS, the progress animated value does not update correctly when trying to scroll the list or screen while simultaneously closing the modal.

Expected Behavior

• The progress value should update in real-time as the modal transition occurs, regardless of whether the list is being scrolled.

Actual Behavior

• When scrolling a list and closing the modal simultaneously, progress remains stale or does not update as expected, leading to incorrect animations or broken transitions.

Without scrolling

Simulator.Screen.Recording.-.iPhone.Xs.-.2025-01-29.at.10.17.31.mp4

With scrolling

Simulator.Screen.Recording.-.iPhone.Xs.-.2025-01-29.at.10.17.48.mp4

Steps to reproduce

• Open Example app.
• Open the modal.
• Scroll the content inside the modal.
• While scroll interacting, close the modal.
• Observe the bottom tab transition—it does not update correctly.

Snack or a link to a repository

https://github.com/ArekChr/react-native-screens/blob/bug/2632/apps/src/tests/Test2632.tsx

Screens version

4.6.0-beta.1

React Native version

0.77.0-rc.7

Platforms

iOS

JavaScript runtime

Hermes

Workflow

React Native (without Expo)

Architecture

Paper (Old Architecture)

Build type

Debug mode

Device

iOS simulator

Device model

No response

Acknowledgements

Yes