Answers

• DonMesserli.1843 USMember ✭✭✭

  November 2020

  @nszmmp

  You can only have a flyout or tabs in Xamarin.Forms Shell.

  0
• nszmmp Member ✭✭

  November 2020

  @DonMesserli.1843 said:
  @nszmmp

  You can only have a flyout or tabs in Xamarin.Forms Shell.

  Nope. If you create a new sample shell flyout example project, the sidebar hamburger navigation, and the bottom tab bar both exist. I use them in my projects, just I want to make separated (Main menu items, and sub-menu items) as I have written before.

  0
• JoeManke USMember ✭✭✭✭✭

  November 2020 Accepted Answer

  This should do it:

  <Shell>
      <Flyout>
          <FlyoutItem Title="Mainmenu1">
              <ShellContent Title="Subitem1" />
              <ShellContent Title="Subitem2" />
              <ShellContent Title="Subitem3" />
          </FlyoutItem>
          <FlyoutItem Title="Mainmenu2">
              <ShellContent Title="Subitem1"/>
          </FlyoutItem>
          <FlyoutItem Title="MainMenu3">
              <ShellContent Title="Subitem1"/>
              <ShellContent Title="Subitem2"/>
          <FlyoutItem/>
      </Flyout>
  </Shell>
  

  5
• ColeX Member, Xamarin Team Xamurai

  November 2020 edited November 2020 Accepted Answer

  Is it possible in flyout project to show the main menu items only in hamburger navigation panel, and the sub items in the bottom bar?

  This is the normal shell style , implement with multiple FlyoutItem .

  A little modification based on Joe's answer

      <FlyoutItem Title="Mainmenu1">
          <ShellContent Title="1-Subitem1" ContentTemplate="{DataTemplate views:CatsPage}"/>
          <ShellContent Title="1-Subitem2" ContentTemplate="{DataTemplate views:DogsPage}"/>
          <ShellContent Title="1-Subitem3" ContentTemplate="{DataTemplate views:BearsPage}"/>
      </FlyoutItem>
      <FlyoutItem Title="Mainmenu2">
          <ShellContent Title="2-Subitem1" ContentTemplate="{DataTemplate views:MonkeysPage}"/>
      </FlyoutItem>
      <FlyoutItem Title="MainMenu3">
          <ShellContent Title="3-Subitem1" ContentTemplate="{DataTemplate views:CatsPage}"/>
          <ShellContent Title="3-Subitem2" ContentTemplate="{DataTemplate views:DogsPage}"/>
      </FlyoutItem>
  

  

  5