Preview 2.0 is now in Public Beta!
Read the Announcement
Note: You are on the beta version of our docs. This is a work in progress and may contain broken links and pages.
NavigationTransition
interface NavigationTransition {
  curve: any;
  duration: number;
  instance: Transition;
  name: string;
}
Represents an object specifying a page navigation transition.

Summary ​

Properties ​

curve ​

curve?: any
An optional transition animation curve. Possible values are contained in the [AnimationCurve enumeration](https://docs.nativescript.org/api-reference/modules/_ui_enums_.animationcurve.html). Alternatively, you can pass an instance of type UIViewAnimationCurve for iOS or android.animation.TimeInterpolator for Android.

duration ​

duration?: number
The length of the transition in milliseconds. If you do not specify this, the default platform transition duration will be used.

instance ​

instance?: Transition
An user-defined instance of the "ui/transition".Transition class.

name ​

name?: string
Can be one of the built-in transitions: - curl (same as curlUp) (iOS only) - curlUp (iOS only) - curlDown (iOS only) - explode (Android Lollipop(21) and up only) - fade - flip (same as flipRight) - flipRight - flipLeft - slide (same as slideLeft) - slideLeft - slideRight - slideTop - slideBottom
Next
OrientationChangedEventData