MaterialNavigationDrawer

Navigation drawers let people switch between UI views on larger devices
View Material Design documentation

Screenshot

Example

<material3:MaterialNavigationDrawer
    Headline="Mail"
    Command="{Binding TestCommand}"
    ItemsSource="{Binding Items}" />

Documentation

Property HeadLine:

This property is to set the headline text.

Property HeadlineColor:

This property is to set the headline text color.

Property HeadlineFontSize:

This property is to set the headline text font size.

Property HeadlineFontFamily:

This property is to set the headline text font family.

Property HeadlineMargin:

This property is to set the headline margin.

Property ActiveIndicatorBackgroundColor:

This property is to set the active indicator background color.

Property ActiveIndicatorLabelColor:

This property is to set the active indicator label color.

Property ActiveIndicatorCornerRadius:

This property is to set the active indicator corner radius. By default is 28.

Property LabelColor:

This property is to set the label text color.

Property LabelFontSize:

This property is to set the label text font size.

Property LabelFontFamily:

This property is to set the label text font family.

Property SectionLabelColor:

This property is to set the section label text color.

Property SectionLabelFontSize:

This property is to set the section label text font size.

Property SectionLabelFontFamily:

This property is to set the section label text font family.

Property SectionLabelMargin:

This property is to set the section label margin.

Property SectionDividerIsVisible:

This property is to set if the section's divider is visible or hidden.

Property ItemDividerIsVisible:

This property is to set if the item's divider is visible or hidden.

Property DividerColor:

This property is to set the divider color.

Property BadgeType:

This property is to set the badge type.

Property BadgeTextColor:

This property is to the text color of the badge. it's only supported on Large type

Property BadgeFontSize:

This property is to the font size of the badge. it's only supported on Large type

Property BadgeFontFamily:

This property is to the font family of the badge. it's only supported on Large type

Property BadgeBackgroundColor:

This property is to set the badge background color.

Property ItemsSource

This property is for displaying list of data. You should set a List of MaterialNavigationDrawerItem. Its definition is:

• Text (string) : Text showed
• BadgeText (string) : Text showed in the badge
• Section (string) : This property is to dive the items in sections
• SelectedLeadingIcon (string): Leading icon used when item is selected
• CustomSelectedLeadingIcon (view): Custom leading view used the item is selected
• UnselectedLeadingIcon (string): Leading icon used when item is Unselected
• CustomUnselectedLeadingIcon (view): Custom leading view used when item is Unselected
• SelectedTrailingIcon (string): Trailing icon used when item is selected
• CustomSelectedTrailingIcon (view): Custom trailing view used the item is selected
• UnselectedTrailingIcon (string): Trailing icon used when item is Unselected
• CustomUnselectedTrailingIcon (view): Custom trailing view used when item is Unselected
• IsSelected (bool) : by default you can select an item
• ShowActivityIndicator (bool) : show the activity indicator when the item is selected. By default is true.
• IsEnabled (bool) : enable or disabled the item. by default is true.
  

Property ItemHeightRequest:

This property is to set the height request of each item.

Property Command

This property is to bind on the viewmodel.

Property Animation:

This property is to set the animation when the item is tapped.

Allowed values

• None
• Fade (Default)
• Scale
• Custom
  

Property AnimationParameter:

This property is to customize the animation when the item is tapped.

Property CustomAnimation:

This property is to set a custom animation when the item is tapped.