NativePageTransitions

Improve this doc

$ ionic plugin add com.telerik.plugins.nativepagetransitions

Repo: https://github.com/Telerik-Verified-Plugins/NativePageTransitions

The Native Page Transitions plugin uses native hardware acceleration to animate your transitions between views. You have complete control over the type of transition, the duration, and direction.

Supported platforms

Usage

import {NativePageTransitions, NativeTransitionOptions} from 'ionic-native';

let options: NativeTransitionOptions = {
   direction: 'up',
   duration: 500,
   slowdownfactor: 3,
   slidePixels: 20,
   iosdelay: 100,
   androiddelay: 150,
   winphonedelay: 250,
   fixedPixelsTop: 0,
   fixedPixelsBottom: 60
 };

NativePageTransitions.slide(options)
  .then(onSuccess)
  .catch(onError);

Static Members

slide(options)

Perform a slide animation

Param Type Details
options NativeTransitionOptions

Options for the transition

Returns: Promise<any>

flip(options)

Perform a flip animation

Param Type Details
options NativeTransitionOptions

Options for the transition

Returns: Promise<any>

fade(options)

Platforms: iOS  Android 

Perform a fade animation

Param Type Details
options NativeTransitionOptions

Options for the transition

Returns: Promise<any>

drawer(options)

Platforms: iOS  Android 

Perform a slide animation

Param Type Details
options NativeTransitionOptions

Options for the transition

Returns: Promise<any>

curl(options)

Platforms: iOS 

Perform a slide animation

Param Type Details
options NativeTransitionOptions

Options for the transition

Returns: Promise<any>

API

Native

General