FlyoutBackgroundImage not shown when compiled with 'WindowsMachine'

Question

when using the (original/cloned!) Shell/Xaminals sample:

• compiled with my Android 13: the FlyoutBackgroundImage shows correctly.
• compiled with 'Windows Machine': the FlyoutBackgroundImage does NOT show up.
  (I cloned a fresh version of( xaminals) into my VS) .

I (mis) used this sample to document all my hikings and would like to have a 'FlyoutBackgroundImage' also on my desktop (Windoes Machine) App.

What might be wrong with my VS (Window Machine) compilation? wrong settings, parameters ...

thanks for your time, ed

<Shell x:Class="Xaminals.AppShell"
       xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
       xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
       xmlns:controls="clr-namespace:Xaminals.Controls"
       xmlns:sys="clr-namespace:System;assembly=netstandard"
       xmlns:views="clr-namespace:Xaminals.Views"
       x:Name="shell"
       FlyoutBackgroundImage="photo.jpg"
       FlyoutBackgroundImageAspect="AspectFill"
       FlyoutHeaderBehavior="CollapseOnScroll">

    <Shell.Resources>
        <Style x:Key="BaseStyle" TargetType="Element">
            <Setter Property="Shell.BackgroundColor" Value="#455A64" />
            <Setter Property="Shell.ForegroundColor" Value="White" />
            <Setter Property="Shell.TitleColor" Value="White" />
            <Setter Property="Shell.DisabledColor" Value="#B4FFFFFF" />
            <Setter Property="Shell.UnselectedColor" Value="#95FFFFFF" />
        </Style>

Answer 1

Hello,

What might be wrong with my VS (Window Machine) compilation? wrong settings, parameters ...

No, FlyoutBackgroundImage do not show in my side as well. This issue is related to the FlyoutBackgroundImage windows platform

Please report this issue in MAUI Github page.

I check the source code of MAUI Shell renderer, it implements Android and iOS platform, Windows platform do not implement it yet.

Here is source code about achievement of FlyoutBackgroundImageProperty for Android implement and iOS implement.

Best Regards,

Leon Lu

---

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

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.