Skip to content

Unexpected Behavior of slideOutDown Animation on Orientation Change #412

@Gdevil

Description

@Gdevil

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions