Skip to content

RootLayout exitAnimations don't work when translate or scale values are set to 0 #10289

@shiv19

Description

@shiv19

Issue Description

When translate or scale values are set to 0 for exitTo field when animating rootLayout shade cover the animation doesn't work as intended.

Reproduction

getRootLayout().open(<a valid view object>, {
      shadeCover: {
        color: '#000',
        opacity: 0.7,
        tapToClose: true,
      },
      animation: {
        enterFrom: {
          scaleX: 0,
          scaleY: 0,
          duration: 300,
          curve: CoreTypes.AnimationCurve.easeInOut,
        },
        exitTo: {
          scaleY: 0,
          scaleX: 0,
          duration: 300,
          curve: CoreTypes.AnimationCurve.easeInOut,
        },
      },
    });

In this case, the entry animation scale works, but not the exit animation scale.

Relevant log output (if applicable)

No response

Environment

Tested on:
"@nativescript/core": "8.5.1",
"@nativescript/android": "8.5.0",
"@nativescript/ios": "8.4.1",

Please accept these terms

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions