[Bug] Shell Flyout - Flyout Header adds bottom outline

[rlubkowski]

Description

Defining FlyoutHeader or FlyoutHeaderTemplate adds a bottom shadow/outline that shouldn't be there.

Basic Information

• Version with issue: 4.8.0.1451
• IDE: Visual Studio Community 2019 (16.7.5)
• Android: 9.0 (Pie)

Screenshots

Reproduction Link

FlyoutHeaderShadow.zip

Workaround

Workaround for this issue is to create custom shell renderer:

public class CustomShellRenderer : ShellRenderer
{
    public CustomShellRenderer(Context context) 
        : base(context) {}

    protected override IShellFlyoutContentRenderer CreateShellFlyoutContentRenderer()
    {
        var flyoutContent = base.CreateShellFlyoutContentRenderer();

        var cl = ((CoordinatorLayout)flyoutContent.AndroidView);

        for (int index = 0; index < cl.ChildCount; index++)
        {
            var child = cl.GetChildAt(index);

            if (child is AppBarLayout)
            {
                var view = (AppBarLayout)child;
                view.OutlineProvider = null;
            }
        }
        return flyoutContent;
    }
}

[gechurekimoiMedbook]

wow thanks for this walk around , it helped sort my design