Drawer Opening Animation

31 Aug 20171 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


The default transition is SlideOnTop.


Slides the DrawerContent on top of the main content.

navigation.Transition = SFNavigationDrawerTransition.SFNavigationDrawerTransitionSlideOnTop;


This transition slides the Drawer and main content simultaneously.

navigation.Transition = SFNavigationDrawerTransition.SFNavigationDrawerTransitionPush;


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

navigation.Transition = SFNavigationDrawerTransition.SFNavigationDrawerTransitionReveal;