Drawer Opening Animation

31 Aug 2017 / 1 minute to read

The Transition property specifies the sliding animations for the DrawerView panel. The Transition property has the following three options:

  • SlideOnTop
  • Push
  • Reveal

NOTE

The default transition is SlideOnTop.

SlideOnTop

Slides the DrawerContent on top of the main content.

navigation.Transition = SFNavigationDrawerTransition.SFNavigationDrawerTransitionSlideOnTop;

Push

This transition slides the Drawer and main content simultaneously.

navigation.Transition = SFNavigationDrawerTransition.SFNavigationDrawerTransitionPush;

Reveal

The Drawer content is in fixed position and the main content will slide to reveal the drawer content.

navigation.Transition = SFNavigationDrawerTransition.SFNavigationDrawerTransitionReveal;