Drawer Opening Animation

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

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

    Push

    This transition slides the Drawer and main content simultaneously.

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

    Reveal

    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;