Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

Unexpected Behavior of slideOutDown Animation on Orientation Change #412

Open
Gdevil opened this issue Jan 16, 2025 · 0 comments
Open

Unexpected Behavior of slideOutDown Animation on Orientation Change #412

Gdevil opened this issue Jan 16, 2025 · 0 comments

Comments

@Gdevil
Copy link

Gdevil commented Jan 16, 2025

Problem Description

When using sliding animations, specifically slideOutDown, the animation's Y-axis trajectory does not adjust according to the orientation change.

Detailed Description

Initialization: The app is initialized in landscape mode, and the slideOutDown animation works as expected, fully sliding the element off the screen.
Orientation Change: After the device switches to portrait mode, when the slideOutDown animation is triggered again, the animation ends at a position in the lower middle of the screen, rather than completely sliding out of the screen.

Steps to Reproduce

  1. Start the app in landscape mode.
  2. Trigger the slideOutDown animation and observe the behavior.
  3. Rotate the device to portrait mode.
  4. Trigger the slideOutDown animation again and notice the ending position.

Expected Behavior

The slideOutDown animation should always finish with the element completely out of the screen, regardless of the device's orientation.

Environment

react-native-animatable version: 1.3.3
React Native version: 0.70.6
Device details: any Android

# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant