The behavior of the navigation experience between flyout and detail pages is platform dependent:

• On iOS, the detail page slides to the right as the flyout page slides from the left, and the left part of the detail page is still visible.
• On Android, the detail and flyout pages are overlaid on each other.
• On UWP, the flyout page slides from the left over part of the detail page, provided that the FlyoutLayoutBehavior property is set to

Popover. It it the deault behavior of different platform which we
could not change
I need a custom renderer for Xamarin Shell that changes the behaviour of Android to be similar to IOS one. Uploaded sample code
public class CustomShellRenderer : ShellRenderer { public CustomShellRenderer(Context context) : base(context) { }

protected override IShellFlyoutContentRenderer CreateShellFlyoutContentRenderer()
    {
        //var flyoutContentRenderer = base.CreateShellFlyoutContentRenderer();
        //var flyoutbackground = AppCompatResources.GetDrawable(Platform.CurrentActivity, Resource.Drawable.flyoutbackground);

        if (Android.OS.Build.VERSION.SdkInt > Android.OS.BuildVersionCodes.O)
        {
            //flyoutbackground.SetColorFilter(new BlendModeColorFilter(
            //    Shell.Current.FlyoutBackgroundColor.ToAndroid(), BlendMode.Color));
            //flyoutContentRenderer.AndroidView.SetBackground(flyoutbackground);
        }
        else
        {
            //flyoutbackground.SetColorFilter(Shell.Current.FlyoutBackgroundColor.ToAndroid(), PorterDuff.Mode.Src);
            //flyoutContentRenderer.AndroidView.SetBackgroundDrawable(flyoutbackground);
        }
        //return flyoutContentRenderer;
    }

}