[Android] Tabs briefly display wrong background color when navigating between flyout items

src/Controls/src/Core/Compatibility/Handlers/Shell/Android/ShellItemRenderer.cs

@@ -13,6 +13,7 @@
 using Google.Android.Material.Navigation;
 using Microsoft.Extensions.DependencyInjection;
 using Microsoft.Extensions.Logging;
+using Microsoft.Maui.Controls.Handlers.Compatibility;
 using Microsoft.Maui.Graphics;
 using AColor = Android.Graphics.Color;
 using AView = Android.Views.View;
@@ -85,7 +86,21 @@ public override AView OnCreateView(LayoutInflater inflater, ViewGroup container,
 
 			HookEvents(ShellItem);
 			SetupMenu();
-
+			var appearance = ShellContext.Shell.GetAppearanceForPivot(ShellItem);
+			if (_bottomView.Background is ColorDrawable background)
+			{
+				if (appearance is IShellAppearanceElement appearanceElement)
+				{
+					if (appearanceElement.EffectiveTabBarBackgroundColor is not null)
+					{
+						background.Color = appearanceElement.EffectiveTabBarBackgroundColor.ToPlatform();
+					}
+					else
+					{
+						background.Color = ShellRenderer.DefaultBottomNavigationViewBackgroundColor.ToPlatform();
+					}
+				}
+			}
 			_appearanceTracker = ShellContext.CreateBottomNavViewAppearanceTracker(ShellItem);
 			_bottomNavigationTracker = new BottomNavigationViewTracker();
 			((IShellController)ShellContext.Shell).AddAppearanceObserver(this, ShellItem);

src/Controls/src/Core/Shell/Shell.cs

@@ -1816,7 +1816,7 @@ internal T GetEffectiveValue<T>(
 			return defaultValue();
 		}
 
-		ShellAppearance GetAppearanceForPivot(Element pivot)
+		internal ShellAppearance GetAppearanceForPivot(Element pivot)
 		{
 			// this algorithm is pretty simple
 			// 1) Get the "CurrentPage" by walking down from the pivot