Drawer Opening Animation

30 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.

  • C#
  • Transition sliderTransition = Transition.SlideOnTop;
    	 navigationDrawer.Transition = sliderTransition;


    This transition slides the Drawer and main content simultaneously.

  • C#
  • Transition sliderTransition = Transition.Push;
    	 navigationDrawer.Transition = sliderTransition;


    This transition keeps the Drawer content in fixed position and the main content will be slide to reveal the drawer content.

  • C#
  • Transition sliderTransition = Transition.Reveal;
    	navigationDrawer.Transition = sliderTransition;