NavigationView tree level > 2?

[borkes23]

Hi! Thanks for @lepoco, this lib is fantastic, been using it for some time already and it's really really nice!

Now I am trying to implement navigation tree with multiple levels in it, so does the current implementation of the NavigationView supports multiple nested menu items?

NavigationViewItem[Level0]
-NavigationViewItem[Level1]
--NavigationViewItem[Level2]
---NavigationViewItem[Level3]
-NavigationViewItem[Level1]
...

[Mithicor]

I believe it only supports 2 tiers (someone please correct me if I'm wrong). I have tried doing a third tier and it allows me too, but I cannot see the third tier show up.

here is one way you can create a two tier navigation:

<ui:NavigationView Grid.Row="2"
                                 x:Name="NavigationView"
                                 Transition="FadeIn"
                                 OpenPaneLength="200" PaneDisplayMode="Left"
                                 MenuItemsSource="{Binding ViewModel.MenuItems}"
                                 FooterMenuItemsSource="{Binding ViewModel.FooterMenuItems}">

    <ui:NavigationView.ContentOverlay>
        <Grid>
            <ui:SnackbarPresenter x:Name="SnackbarPresenter"/>
        </Grid>
    </ui:NavigationView.ContentOverlay>
</ui:NavigationView>

[ObservableProperty]
private ObservableCollection<object> _footerMenuItems =
[
    new NavigationViewItem()
    {
        Content = "FIRST LEVEL ONE",
        Icon = new SymbolIcon { Symbol = SymbolRegular.Settings28, Filled = true },
        TargetPageType = typeof(LevelOnePage),
        MenuItemsSource = new NavigationViewItem()
        {
            Content = "FIRST LEVEL TWO",
            Icon = new SymbolIcon { Symbol = SymbolRegular.Settings28, Filled = true },
            TargetPageType = typeof(LevelTwoPage)
        }
    },
    new NavigationViewItem()
    {
        Content = "SECOND LEVEL ONE",
        Icon = new SymbolIcon { Symbol = SymbolRegular.Bug20 },
        TargetPageType = typeof(RandomPage)
    }
];

NOTE: [ObservableProperty] is from CommunityToolkit.Mvvm