show flyout (shell) with submenu

Question

I'm trying for submenu in flyout like if i am click any option from flyout then it will automatically open the sub-menu of that particular option. following is my code please help me to get corrected.

if (domestic.IsChecked)
{

        domestic.Items.Add(new ShellContent
        {
            Title = "DomesticSubMenu1",
            Content = new ItemsPage()
        });
        domestic.Items.Add(new ShellContent
        {
            Title = "DomesticSubMenu2",
            Content = new ItemsPage()
        });
        domestic.Items.Add(new ShellContent
        {
            Title = "DomesticSubMenu3",
            Content = new ItemsPage()
        });

        }

Accepted Answer

Here is all of background code. When tab the Label. sub item will disappear or appear.

   public partial class AppShell : Xamarin.Forms.Shell  
       {  
           Person person;  
           public AppShell()  
           {  
               InitializeComponent();  
               Routing.RegisterRoute(nameof(ItemDetailPage), typeof(ItemDetailPage));  
               Routing.RegisterRoute(nameof(NewItemPage), typeof(NewItemPage));  
               person =    new Person();  
               this.BindingContext = person;  
           }  
     
           private async void OnMenuItemClicked(object sender, EventArgs e)  
           {  
               await Shell.Current.GoToAsync("//LoginPage");  
           }  
     
           private void TapGestureRecognizer_Tapped(object sender, EventArgs e)  
           {  
               person.Changed = !person.Changed;  
           }  
       }  
     
       public class Person : INotifyPropertyChanged  
       {  
     
           bool _changed = false;  
           public bool Changed  
           {  
               get  
               {  
                   return _changed;  
               }  
     
               set  
               {  
                   if (_changed != value)  
                   {  
                       _changed = value;  
                       OnPropertyChanged("Changed");  
     
                   }  
               }  
     
           }  
     
          
           public event PropertyChangedEventHandler PropertyChanged;  
     
           protected virtual void OnPropertyChanged(string propertyName)  
           {  
               PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));  
           }  
     
       }  
     
     
   }

Here is my xaml code.

Here is running screenshot.

Answer

Hello,

Welcome to our Microsoft Q&A platform!

I cannot achieve it with your way.I achieve an custom way to achieve it.

First of all, I create an DataTemplateSelector. I judge the Title's name with Header, you can change whatever you want. For details like this thread:

https://stackoverflow.com/questions/59137346/adding-a-shell-flyout-item-header

   public class FlyoutItemTemplateSelector : DataTemplateSelector  
       {  
           public DataTemplate NavigationHeaderTemplate { get; set; }  
           public DataTemplate NavigationItemTemplate { get; set; }  
     
           protected override DataTemplate OnSelectTemplate(object item, BindableObject container)  
           {  
               if (item is ShellGroupItem && ((ShellGroupItem)item).Title == "Header")  
               {  
                   // Make sure a header item is not clickable.  
                   ((ShellGroupItem)item).IsEnabled = false;  
                   return NavigationHeaderTemplate;  
               }  
               else  
                   return NavigationItemTemplate;  
           }  
       }

Then add DataTemplate to your of

Here is FlyoutItem, all of sub ShellContent are binding an property.

My code is too long, So I post two answers. please see the next answer.

Best Regards,

Leon Lu

If the response is helpful, please click "Accept Answer" and upvote it.

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Answer

There was an error

Error XLS0413 The property 'IsVisible' was not found in type 'ShellContent'.

show flyout (shell) with submenu

2 additional answers