Forum Discussion

Jacob_Persson's avatar
Jacob_Persson
Copper Contributor
Nov 08, 2021
Solved

Example code for Maui Shell

I am using the transition from Xamarin forms to Maui as an excuse to start using Shell as well.   Since Shell has been in the Maui previews for a long time now, I thought it would be easy to get st...
.NET MAUI
  • egvijayanand's avatar
    egvijayanand
    Nov 08, 2021
    You can find one such sample for making use of Shell made available in the GitHub repository https://github.com/egvijayanand/dotnet-maui-samples
egvijayanand's avatar
egvijayanand
Copper Contributor
Nov 08, 2021
You can find one such sample for making use of Shell made available in the GitHub repository https://github.com/egvijayanand/dotnet-maui-samples
  • Juan Montoya's avatar
    Juan Montoya
    Copper Contributor
    Mar 10, 2022

    I am using the sample and added an image to the flyout header:

     

        <Shell.FlyoutHeader>
        <Grid BackgroundColor="{DynamicResource WindowBackgroundColor}"
                  HeightRequest="150"
                  Padding="0, 10">

            <Image Source="dotnet_bot.png"
                       HorizontalOptions="Center"
                       VerticalOptions="Center"
                       HeightRequest="130"
                       WidthRequest="180"/>

        </Grid>
    </Shell.FlyoutHeader>

     

    It works in Android but the image does not display in Windows, what am I missing? The image is in the "resources\images\" folder  dotnet_bot.svg ... as you know MAUI will generate the dotnet_bot.png, but in Windows it looks like the publish folder is different. What do I need to do, so it works in both platforms? Thanks in advance.

    • egvijayanand's avatar
      egvijayanand
      Copper Contributor
      Mar 10, 2022

      Juan Montoya Check for the presence of this attribute windows:Application.ImageDirectory="Assets" in the App.xaml file.

       

      This has been deprecated in https://github.com/dotnet/maui/wiki/Migrating-to-Preview-13, hence needs to be removed.

       

      The sample in GitHub is reflecting the change while it is updated for Preview 13.

       

      • Juan Montoya's avatar
        Juan Montoya
        Copper Contributor
        Mar 16, 2022
        yes! I removed it and now it is working. Thank you.
  • Jacob_Persson's avatar
    Jacob_Persson
    Copper Contributor
    Nov 08, 2021
    Exactly what I was looking for - thank you both

Resources