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

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;