title: Xamarin Forms Flyout Menu Not Showing
body: <p>This is my first time I try to implement the flyouts menu in Xamarin forms. I created first a blank page and followed the documentation but for some reason the menu is not showing. The tabbar in case you are wondering will be added dynamically that is why it is empty. What might be the problem? Thanks in advance.</p>
  <pre><code> &lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot; ?&gt;
  &lt;Shell xmlns=&quot;http://xamarin.com/schemas/2014/forms&quot;
              xmlns:x=&quot;http://schemas.microsoft.com/winfx/2009/xaml&quot;
              xmlns:local=&quot;clr-namespace:Bufib.Tools&quot;
              xmlns:views=&quot;clr-namespace:Bufib.Views.FlyoutPages&quot;
              x:Class=&quot;Bufib.MainPage&quot;&gt;
  
      &lt;Shell.ToolbarItems&gt;
          &lt;ToolbarItem x:Name=&quot;audioOptn&quot; IconImageSource=&quot;{local:ImageResource Bufib.Logos.audio.png}&quot; /&gt;
      &lt;/Shell.ToolbarItems&gt;
      
      &lt;!-- NAVIGATION --&gt;
      &lt;Shell.FlyoutHeader&gt;
          &lt;StackLayout Padding=&quot;10&quot;&gt;
              &lt;Label x:Name=&quot;flyoutHeaderLbl&quot; Text=&quot;Bufib&quot; FontSize=&quot;Header&quot; /&gt;
          &lt;/StackLayout&gt;
      &lt;/Shell.FlyoutHeader&gt;
      
      &lt;FlyoutItem x:Name=&quot;syllabusPage&quot; &gt;
          &lt;Tab&gt;
              &lt;ShellContent Route=&quot;SyllabusPage&quot; ContentTemplate=&quot;{DataTemplate views:SyllabusPage}&quot; /&gt; 
          &lt;/Tab&gt;
      &lt;/FlyoutItem&gt;
      
      &lt;FlyoutItem x:Name=&quot;historyPage&quot;&gt;
          &lt;Tab&gt;
              &lt;ShellContent Route=&quot;HistoryPage&quot; ContentTemplate=&quot;{DataTemplate views:HistoryPage}&quot; /&gt;
          &lt;/Tab&gt;
      &lt;/FlyoutItem&gt;
      
      &lt;FlyoutItem x:Name=&quot;managePage&quot;&gt;
          &lt;Tab&gt;
              &lt;ShellContent Route=&quot;ManagePage&quot; ContentTemplate=&quot;{DataTemplate views:ManagePage}&quot; /&gt;
          &lt;/Tab&gt;
      &lt;/FlyoutItem&gt;
      
      &lt;FlyoutItem x:Name=&quot;errorPage&quot;&gt;
          &lt;Tab&gt;
              &lt;ShellContent Route=&quot;ErrorPage&quot; ContentTemplate=&quot;{DataTemplate views:ErrorPage}&quot; /&gt;
          &lt;/Tab&gt;
      &lt;/FlyoutItem&gt;
      
      &lt;FlyoutItem x:Name=&quot;aboutPage&quot;&gt;
          &lt;Tab&gt;
              &lt;ShellContent Route=&quot;AboutPage&quot; ContentTemplate=&quot;{DataTemplate views:AboutPage}&quot; /&gt;
          &lt;/Tab&gt;
      &lt;/FlyoutItem&gt;
      
      &lt;FlyoutItem x:Name=&quot;callUsPage&quot;&gt;
          &lt;Tab&gt;
              &lt;ShellContent Route=&quot;CallUsPage&quot; ContentTemplate=&quot;{DataTemplate views:CallUsPage}&quot; /&gt;
          &lt;/Tab&gt;
      &lt;/FlyoutItem&gt;
      &lt;!-- END NAVIGATION TABS --&gt;
      
      &lt;!--- TABS --&gt;
      &lt;TabBar x:Name=&quot;tabBar&quot;&gt;&lt;/TabBar&gt;
      &lt;!--- END TABS --&gt;
  &lt;/Shell&gt;
  </code></pre>