Search code examples
.netshellpreviewmauiflyout

Net Maui - my old Shell Flyout Menu not working on latest 17.2 Preview 3.0


Since after my update from Preview 2.1 to 3.0 my flyout items are not displaying. I can see the flyout menu, the header and footer and the blank white space where the flyout items should be. I followed this guide a little while back to set up my shell menu set up in app.xaml

Github page

The source guide

<Shell.ItemTemplate>
                <DataTemplate>
                    <Grid ColumnDefinitions="0.25*,0.75*"
                          Padding="0, 10">
                        <Image Source="{Binding FlyoutIcon}"
                               HeightRequest="45"
                               HorizontalOptions="Center"/>

                        <Label Grid.Column="1"
                               Text="{Binding Title}"
                               FontSize="Large"
                               FontAttributes="Bold"
                               VerticalOptions="Center"/>
                    </Grid>
                </DataTemplate>
            </Shell.ItemTemplate>

The flyout items look like this

 <FlyoutItem Title="Home"
                        Icon="home.png">
                <ShellContent ContentTemplate="{DataTemplate p:HomePage}"/>
            </FlyoutItem>

Nothing else has changed in my code that would have cause this. I have even tried to change the datatemplate label text to something static to see if it would display and still no luck.


Solution

  • It appears that when I apply a change to app.xaml where the shell is and then hot reload, the flyout items appear again. Seems like this bug .