Skip to content

Fix FadingTransition#6183

Merged
piaskowyk merged 1 commit intomainfrom
@piaskowyk/fix-fadingtransition
Jul 1, 2024
Merged

Fix FadingTransition#6183
piaskowyk merged 1 commit intomainfrom
@piaskowyk/fix-fadingtransition

Conversation

@piaskowyk
Copy link
Member

Summary

This PR aims to fix some unexpected behaviour during FadingTransition.

before after
Screen.Recording.2024-06-28.at.12.31.30.mov
Screen.Recording.2024-06-28.at.12.30.58.mov

Expected behavior:

  • The component stays in the original position.
  • Starts the fade-out animation.
  • Wen component is invisible, changes position to the target position.
  • Starts the fade-in animation.

In the previous approach, when the delayFunction was not specified (when no one called .delay()), the component jumped to the final position after 50ms instead of waiting until the component became invisible.

Test plan

I tested it on the example from #6151

@piaskowyk piaskowyk added this pull request to the merge queue Jul 1, 2024
Merged via the queue into main with commit 188de25 Jul 1, 2024
@piaskowyk piaskowyk deleted the @piaskowyk/fix-fadingtransition branch July 1, 2024 09:34
r0h0gg6 pushed a commit to r0h0gg6/react-native-reanimated that referenced this pull request Jul 28, 2025
## Summary

This PR aims to fix some unexpected behaviour during `FadingTransition`.

| before | after |
| --- | --- |
| <video
src="https://github.com/software-mansion/react-native-reanimated/assets/36106620/e855c796-a926-48bf-b55d-80014694043d"
/> | <video
src="https://github.com/software-mansion/react-native-reanimated/assets/36106620/004bd2f6-2bb7-41b2-af1d-6d98a94908c0"
/> |

Expected behavior:
- The component stays in the original position.
- Starts the fade-out animation.
- Wen component is invisible, changes position to the target position.
- Starts the fade-in animation.

In the previous approach, when the `delayFunction` was not specified
(when no one called `.delay()`), the component jumped to the final
position after 50ms instead of waiting until the component became
invisible.

## Test plan

I tested it on the example from
software-mansion#6151
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

Comments