diff --git a/src/Controls/src/Core/BoxView/BoxView.cs b/src/Controls/src/Core/BoxView/BoxView.cs
index fdb7a9000bfd..ed921f0074a0 100644
--- a/src/Controls/src/Core/BoxView/BoxView.cs
+++ b/src/Controls/src/Core/BoxView/BoxView.cs
@@ -1,6 +1,5 @@
 #nullable disable
 using System;
-using System.ComponentModel;
 using System.Runtime.CompilerServices;
 using Microsoft.Maui.Graphics;
 
@@ -11,12 +10,33 @@ namespace Microsoft.Maui.Controls
 	/// </summary>
 	public partial class BoxView : View, IColorElement, ICornerElement, IElementConfiguration<BoxView>, IShapeView, IShape
 	{
+		WeakBrushChangedProxy _fillProxy = null;
+		EventHandler _fillChanged;
+
 		/// <summary>Bindable property for <see cref="Color"/>.</summary>
 		public static readonly BindableProperty ColorProperty = ColorElement.ColorProperty;
 
 		/// <summary>Bindable property for <see cref="CornerRadius"/>.</summary>
 		public static readonly BindableProperty CornerRadiusProperty = CornerElement.CornerRadiusProperty;
 
+		/// <summary>Bindable property for <see cref="Fill"/>.</summary>
+		public static readonly BindableProperty FillProperty =
+			BindableProperty.Create(nameof(Fill), typeof(Brush), typeof(BoxView), null,
+				propertyChanging: (bindable, oldvalue, newvalue) =>
+				{
+					if (oldvalue != null)
+					{
+						(bindable as BoxView)?.StopNotifyingFillChanges();
+					}
+				},
+				propertyChanged: (bindable, oldvalue, newvalue) =>
+				{
+					if (newvalue != null)
+					{
+						(bindable as BoxView)?.NotifyFillChanges();
+					}
+				});
+
 		readonly Lazy<PlatformConfigurationRegistry<BoxView>> _platformConfigurationRegistry;
 
 		/// <summary>
@@ -27,6 +47,11 @@ public BoxView()
 			_platformConfigurationRegistry = new Lazy<PlatformConfigurationRegistry<BoxView>>(() => new PlatformConfigurationRegistry<BoxView>(this));
 		}
 
+		~BoxView()
+		{
+			_fillProxy?.Unsubscribe();
+		}
+
 		/// <summary>
 		/// Gets or sets the color which will fill the rectangle. This is a bindable property.
 		/// </summary>
@@ -37,6 +62,19 @@ public Color Color
 			set => SetValue(ColorElement.ColorProperty, value);
 		}
 
+		/// <summary>
+		/// Gets or sets the brush that fills the interior of the BoxView.
+		/// </summary>
+		/// <value>
+		/// A <see cref="Brush"/> object that describes how the BoxView's interior is painted.
+		/// The default value is <see langword="null"/>.
+		/// </value>
+		public Brush Fill
+		{
+			get => (Brush)GetValue(FillProperty);
+			set => SetValue(FillProperty, value);
+		}
+
 		/// <summary>
 		/// Gets or sets the corner radius for the box view.
 		/// </summary>
@@ -60,6 +98,45 @@ protected override SizeRequest OnMeasure(double widthConstraint, double heightCo
 			return new SizeRequest(new Size(40, 40));
 		}
 
+		void NotifyFillChanges()
+		{
+			var fill = Fill;
+
+			if (fill is ImmutableBrush)
+			{
+				return;
+			}
+
+			if (fill is not null)
+			{
+				SetInheritedBindingContext(fill, BindingContext);
+				_fillChanged ??= (sender, e) => OnPropertyChanged(nameof(Fill));
+				_fillProxy ??= new();
+				_fillProxy.Subscribe(fill, _fillChanged);
+
+				OnParentResourcesChanged(this.GetMergedResources());
+				((IElementDefinition)this).AddResourcesChangedListener(fill.OnParentResourcesChanged);
+			}
+		}
+
+		void StopNotifyingFillChanges()
+		{
+			var fill = Fill;
+
+			if (fill is ImmutableBrush)
+			{
+				return;
+			}
+
+			if (fill is not null)
+			{
+				((IElementDefinition)this).RemoveResourcesChangedListener(fill.OnParentResourcesChanged);
+
+				SetInheritedBindingContext(fill, null);
+				_fillProxy?.Unsubscribe();
+			}
+		}
+
 #nullable enable
 		// Todo these shuold be moved to a mapper
 		protected override void OnPropertyChanged([CallerMemberName] string? propertyName = null)
@@ -71,14 +148,16 @@ protected override void OnPropertyChanged([CallerMemberName] string? propertyNam
 				propertyName == IsVisibleProperty.PropertyName ||
 				propertyName == BackgroundProperty.PropertyName ||
 				propertyName == CornerRadiusProperty.PropertyName)
+			{
 				Handler?.UpdateValue(nameof(IShapeView.Shape));
+			}
 		}
 
 		IShape? IShapeView.Shape => this;
 
 		PathAspect IShapeView.Aspect => PathAspect.None;
 
-		Paint? IShapeView.Fill => Color?.AsPaint();
+		Paint? IShapeView.Fill => Fill ?? Color?.AsPaint();
 
 		Paint? IStroke.Stroke => null;
 
diff --git a/src/Controls/src/Core/Internals/WeakEventProxy.cs b/src/Controls/src/Core/Internals/WeakEventProxy.cs
index 6f0f1b0af82d..db660c92350e 100644
--- a/src/Controls/src/Core/Internals/WeakEventProxy.cs
+++ b/src/Controls/src/Core/Internals/WeakEventProxy.cs
@@ -152,4 +152,48 @@ public override void Unsubscribe()
 			base.Unsubscribe();
 		}
 	}
+
+	class WeakBrushChangedProxy : WeakEventProxy<Brush, EventHandler>
+	{
+		void OnBrushChanged(object? sender, EventArgs e)
+		{
+			if (TryGetHandler(out var handler))
+			{
+				handler(sender, e);
+			}
+			else
+			{
+				Unsubscribe();
+			}
+		}
+
+		public override void Subscribe(Brush source, EventHandler handler)
+		{
+			if (TryGetSource(out var s))
+			{
+				s.PropertyChanged -= OnBrushChanged;
+
+				if (s is GradientBrush g)
+					g.InvalidateGradientBrushRequested -= OnBrushChanged;
+			}
+
+			source.PropertyChanged += OnBrushChanged;
+			if (source is GradientBrush gradientBrush)
+				gradientBrush.InvalidateGradientBrushRequested += OnBrushChanged;
+
+			base.Subscribe(source, handler);
+		}
+
+		public override void Unsubscribe()
+		{
+			if (TryGetSource(out var s))
+			{
+				s.PropertyChanged -= OnBrushChanged;
+
+				if (s is GradientBrush g)
+					g.InvalidateGradientBrushRequested -= OnBrushChanged;
+			}
+			base.Unsubscribe();
+		}
+	}
 }
diff --git a/src/Controls/src/Core/PublicAPI/net-android/PublicAPI.Unshipped.txt b/src/Controls/src/Core/PublicAPI/net-android/PublicAPI.Unshipped.txt
index 32a21e9da66a..6b537af9825c 100644
--- a/src/Controls/src/Core/PublicAPI/net-android/PublicAPI.Unshipped.txt
+++ b/src/Controls/src/Core/PublicAPI/net-android/PublicAPI.Unshipped.txt
@@ -530,3 +530,7 @@ virtual Microsoft.Maui.Controls.Handlers.TabbedPageManager.UpdateTabIcons() -> v
 ~virtual Microsoft.Maui.Controls.Internals.EvaluateJavaScriptDelegate.Invoke(string script) -> System.Threading.Tasks.Task<string>
 ~virtual Microsoft.Maui.Controls.PropertyChangingEventHandler.Invoke(object sender, Microsoft.Maui.Controls.PropertyChangingEventArgs e) -> void
 ~virtual Microsoft.Maui.Controls.VisualElement.ComputeConstraintForView(Microsoft.Maui.Controls.View view) -> Microsoft.Maui.Controls.LayoutConstraint
+Microsoft.Maui.Controls.BoxView.~BoxView() -> void
+~Microsoft.Maui.Controls.BoxView.Fill.get -> Microsoft.Maui.Controls.Brush
+~Microsoft.Maui.Controls.BoxView.Fill.set -> void
+~static readonly Microsoft.Maui.Controls.BoxView.FillProperty -> Microsoft.Maui.Controls.BindableProperty
diff --git a/src/Controls/src/Core/PublicAPI/net-ios/PublicAPI.Unshipped.txt b/src/Controls/src/Core/PublicAPI/net-ios/PublicAPI.Unshipped.txt
index 869def3ea434..9f7fd1ef8b5b 100644
--- a/src/Controls/src/Core/PublicAPI/net-ios/PublicAPI.Unshipped.txt
+++ b/src/Controls/src/Core/PublicAPI/net-ios/PublicAPI.Unshipped.txt
@@ -498,3 +498,7 @@ virtual Microsoft.Maui.Controls.Platform.Compatibility.ShellPageRendererTracker.
 ~virtual Microsoft.Maui.Controls.Platform.Compatibility.ShellSectionRenderer.GetSecondaryToolbarMenuButtonImage() -> UIKit.UIImage
 ~virtual Microsoft.Maui.Controls.PropertyChangingEventHandler.Invoke(object sender, Microsoft.Maui.Controls.PropertyChangingEventArgs e) -> void
 ~virtual Microsoft.Maui.Controls.VisualElement.ComputeConstraintForView(Microsoft.Maui.Controls.View view) -> Microsoft.Maui.Controls.LayoutConstraint
+Microsoft.Maui.Controls.BoxView.~BoxView() -> void
+~Microsoft.Maui.Controls.BoxView.Fill.get -> Microsoft.Maui.Controls.Brush
+~Microsoft.Maui.Controls.BoxView.Fill.set -> void
+~static readonly Microsoft.Maui.Controls.BoxView.FillProperty -> Microsoft.Maui.Controls.BindableProperty
diff --git a/src/Controls/src/Core/PublicAPI/net-maccatalyst/PublicAPI.Unshipped.txt b/src/Controls/src/Core/PublicAPI/net-maccatalyst/PublicAPI.Unshipped.txt
index 869def3ea434..9f7fd1ef8b5b 100644
--- a/src/Controls/src/Core/PublicAPI/net-maccatalyst/PublicAPI.Unshipped.txt
+++ b/src/Controls/src/Core/PublicAPI/net-maccatalyst/PublicAPI.Unshipped.txt
@@ -498,3 +498,7 @@ virtual Microsoft.Maui.Controls.Platform.Compatibility.ShellPageRendererTracker.
 ~virtual Microsoft.Maui.Controls.Platform.Compatibility.ShellSectionRenderer.GetSecondaryToolbarMenuButtonImage() -> UIKit.UIImage
 ~virtual Microsoft.Maui.Controls.PropertyChangingEventHandler.Invoke(object sender, Microsoft.Maui.Controls.PropertyChangingEventArgs e) -> void
 ~virtual Microsoft.Maui.Controls.VisualElement.ComputeConstraintForView(Microsoft.Maui.Controls.View view) -> Microsoft.Maui.Controls.LayoutConstraint
+Microsoft.Maui.Controls.BoxView.~BoxView() -> void
+~Microsoft.Maui.Controls.BoxView.Fill.get -> Microsoft.Maui.Controls.Brush
+~Microsoft.Maui.Controls.BoxView.Fill.set -> void
+~static readonly Microsoft.Maui.Controls.BoxView.FillProperty -> Microsoft.Maui.Controls.BindableProperty
diff --git a/src/Controls/src/Core/PublicAPI/net-tizen/PublicAPI.Unshipped.txt b/src/Controls/src/Core/PublicAPI/net-tizen/PublicAPI.Unshipped.txt
index 239b55f31a2b..d034b8208385 100644
--- a/src/Controls/src/Core/PublicAPI/net-tizen/PublicAPI.Unshipped.txt
+++ b/src/Controls/src/Core/PublicAPI/net-tizen/PublicAPI.Unshipped.txt
@@ -298,4 +298,8 @@ override Microsoft.Maui.Controls.WebViewSourceTypeConverter.ConvertTo(System.Com
 Microsoft.Maui.Controls.Xaml.IXamlDataTypeProvider
 Microsoft.Maui.Controls.Xaml.IXamlDataTypeProvider.BindingDataType.get -> string!
 ~Microsoft.Maui.Controls.Binding.DataType.get -> System.Type
-~Microsoft.Maui.Controls.Binding.DataType.set -> void
\ No newline at end of file
+~Microsoft.Maui.Controls.Binding.DataType.set -> void
+Microsoft.Maui.Controls.BoxView.~BoxView() -> void
+~Microsoft.Maui.Controls.BoxView.Fill.get -> Microsoft.Maui.Controls.Brush
+~Microsoft.Maui.Controls.BoxView.Fill.set -> void
+~static readonly Microsoft.Maui.Controls.BoxView.FillProperty -> Microsoft.Maui.Controls.BindableProperty
diff --git a/src/Controls/src/Core/PublicAPI/net-windows/PublicAPI.Unshipped.txt b/src/Controls/src/Core/PublicAPI/net-windows/PublicAPI.Unshipped.txt
index b2acc61e5c3f..7e1babf30165 100644
--- a/src/Controls/src/Core/PublicAPI/net-windows/PublicAPI.Unshipped.txt
+++ b/src/Controls/src/Core/PublicAPI/net-windows/PublicAPI.Unshipped.txt
@@ -501,3 +501,7 @@ virtual Microsoft.Maui.Controls.BindableProperty.CreateDefaultValueDelegate<TDec
 ~virtual Microsoft.Maui.Controls.Internals.EvaluateJavaScriptDelegate.Invoke(string script) -> System.Threading.Tasks.Task<string>
 ~virtual Microsoft.Maui.Controls.PropertyChangingEventHandler.Invoke(object sender, Microsoft.Maui.Controls.PropertyChangingEventArgs e) -> void
 ~virtual Microsoft.Maui.Controls.VisualElement.ComputeConstraintForView(Microsoft.Maui.Controls.View view) -> Microsoft.Maui.Controls.LayoutConstraint
+Microsoft.Maui.Controls.BoxView.~BoxView() -> void
+~Microsoft.Maui.Controls.BoxView.Fill.get -> Microsoft.Maui.Controls.Brush
+~Microsoft.Maui.Controls.BoxView.Fill.set -> void
+~static readonly Microsoft.Maui.Controls.BoxView.FillProperty -> Microsoft.Maui.Controls.BindableProperty
diff --git a/src/Controls/src/Core/PublicAPI/net/PublicAPI.Unshipped.txt b/src/Controls/src/Core/PublicAPI/net/PublicAPI.Unshipped.txt
index 83dab46327ec..185f075e847e 100644
--- a/src/Controls/src/Core/PublicAPI/net/PublicAPI.Unshipped.txt
+++ b/src/Controls/src/Core/PublicAPI/net/PublicAPI.Unshipped.txt
@@ -472,3 +472,7 @@ virtual Microsoft.Maui.Controls.BindableProperty.CreateDefaultValueDelegate<TDec
 ~virtual Microsoft.Maui.Controls.Internals.EvaluateJavaScriptDelegate.Invoke(string script) -> System.Threading.Tasks.Task<string>
 ~virtual Microsoft.Maui.Controls.PropertyChangingEventHandler.Invoke(object sender, Microsoft.Maui.Controls.PropertyChangingEventArgs e) -> void
 ~virtual Microsoft.Maui.Controls.VisualElement.ComputeConstraintForView(Microsoft.Maui.Controls.View view) -> Microsoft.Maui.Controls.LayoutConstraint
+Microsoft.Maui.Controls.BoxView.~BoxView() -> void
+~Microsoft.Maui.Controls.BoxView.Fill.get -> Microsoft.Maui.Controls.Brush
+~Microsoft.Maui.Controls.BoxView.Fill.set -> void
+~static readonly Microsoft.Maui.Controls.BoxView.FillProperty -> Microsoft.Maui.Controls.BindableProperty
diff --git a/src/Controls/src/Core/PublicAPI/netstandard/PublicAPI.Unshipped.txt b/src/Controls/src/Core/PublicAPI/netstandard/PublicAPI.Unshipped.txt
index 1b1d6e3c4a4a..a37c85649165 100644
--- a/src/Controls/src/Core/PublicAPI/netstandard/PublicAPI.Unshipped.txt
+++ b/src/Controls/src/Core/PublicAPI/netstandard/PublicAPI.Unshipped.txt
@@ -472,3 +472,7 @@ virtual Microsoft.Maui.Controls.BindableProperty.CreateDefaultValueDelegate<TDec
 ~virtual Microsoft.Maui.Controls.Internals.EvaluateJavaScriptDelegate.Invoke(string script) -> System.Threading.Tasks.Task<string>
 ~virtual Microsoft.Maui.Controls.PropertyChangingEventHandler.Invoke(object sender, Microsoft.Maui.Controls.PropertyChangingEventArgs e) -> void
 ~virtual Microsoft.Maui.Controls.VisualElement.ComputeConstraintForView(Microsoft.Maui.Controls.View view) -> Microsoft.Maui.Controls.LayoutConstraint
+Microsoft.Maui.Controls.BoxView.~BoxView() -> void
+~Microsoft.Maui.Controls.BoxView.Fill.get -> Microsoft.Maui.Controls.Brush
+~Microsoft.Maui.Controls.BoxView.Fill.set -> void
+~static readonly Microsoft.Maui.Controls.BoxView.FillProperty -> Microsoft.Maui.Controls.BindableProperty
diff --git a/src/Controls/src/Core/Shapes/Shape.cs b/src/Controls/src/Core/Shapes/Shape.cs
index 5884f5e9e20a..7e548ecd9fd0 100644
--- a/src/Controls/src/Core/Shapes/Shape.cs
+++ b/src/Controls/src/Core/Shapes/Shape.cs
@@ -466,49 +466,5 @@ internal virtual double HeightForPathComputation
 				return height == -1 ? _fallbackHeight : height;
 			}
 		}
-
-		class WeakBrushChangedProxy : WeakEventProxy<Brush, EventHandler>
-		{
-			void OnBrushChanged(object? sender, EventArgs e)
-			{
-				if (TryGetHandler(out var handler))
-				{
-					handler(sender, e);
-				}
-				else
-				{
-					Unsubscribe();
-				}
-			}
-
-			public override void Subscribe(Brush source, EventHandler handler)
-			{
-				if (TryGetSource(out var s))
-				{
-					s.PropertyChanged -= OnBrushChanged;
-
-					if (s is GradientBrush g)
-						g.InvalidateGradientBrushRequested -= OnBrushChanged;
-				}
-
-				source.PropertyChanged += OnBrushChanged;
-				if (source is GradientBrush gradientBrush)
-					gradientBrush.InvalidateGradientBrushRequested += OnBrushChanged;
-
-				base.Subscribe(source, handler);
-			}
-
-			public override void Unsubscribe()
-			{
-				if (TryGetSource(out var s))
-				{
-					s.PropertyChanged -= OnBrushChanged;
-
-					if (s is GradientBrush g)
-						g.InvalidateGradientBrushRequested -= OnBrushChanged;
-				}
-				base.Unsubscribe();
-			}
-		}
 	}
 }
\ No newline at end of file
diff --git a/src/Controls/tests/TestCases.Android.Tests/snapshots/android/BoxView_ColorWithOpacity.png b/src/Controls/tests/TestCases.Android.Tests/snapshots/android/BoxView_ColorWithOpacity.png
index afd69b8a07e9..de5850e0a2ea 100644
Binary files a/src/Controls/tests/TestCases.Android.Tests/snapshots/android/BoxView_ColorWithOpacity.png and b/src/Controls/tests/TestCases.Android.Tests/snapshots/android/BoxView_ColorWithOpacity.png differ
diff --git a/src/Controls/tests/TestCases.Android.Tests/snapshots/android/BoxView_ColorWithOpacityAndShadow.png b/src/Controls/tests/TestCases.Android.Tests/snapshots/android/BoxView_ColorWithOpacityAndShadow.png
index e7db92a0da75..9c95e8eb14b1 100644
Binary files a/src/Controls/tests/TestCases.Android.Tests/snapshots/android/BoxView_ColorWithOpacityAndShadow.png and b/src/Controls/tests/TestCases.Android.Tests/snapshots/android/BoxView_ColorWithOpacityAndShadow.png differ
diff --git a/src/Controls/tests/TestCases.Android.Tests/snapshots/android/BoxView_CornerRadiusWithColor.png b/src/Controls/tests/TestCases.Android.Tests/snapshots/android/BoxView_CornerRadiusWithColor.png
index 4918974d1f34..e2b735e61e9e 100644
Binary files a/src/Controls/tests/TestCases.Android.Tests/snapshots/android/BoxView_CornerRadiusWithColor.png and b/src/Controls/tests/TestCases.Android.Tests/snapshots/android/BoxView_CornerRadiusWithColor.png differ
diff --git a/src/Controls/tests/TestCases.Android.Tests/snapshots/android/BoxView_CornerRadiusWithColorAndShadow.png b/src/Controls/tests/TestCases.Android.Tests/snapshots/android/BoxView_CornerRadiusWithColorAndShadow.png
index 279c5c0595c1..d8765b20fd04 100644
Binary files a/src/Controls/tests/TestCases.Android.Tests/snapshots/android/BoxView_CornerRadiusWithColorAndShadow.png and b/src/Controls/tests/TestCases.Android.Tests/snapshots/android/BoxView_CornerRadiusWithColorAndShadow.png differ
diff --git a/src/Controls/tests/TestCases.Android.Tests/snapshots/android/BoxView_CornerRadiusWithFlowDirection.png b/src/Controls/tests/TestCases.Android.Tests/snapshots/android/BoxView_CornerRadiusWithFlowDirection.png
index 48652089aa14..61904025abf7 100644
Binary files a/src/Controls/tests/TestCases.Android.Tests/snapshots/android/BoxView_CornerRadiusWithFlowDirection.png and b/src/Controls/tests/TestCases.Android.Tests/snapshots/android/BoxView_CornerRadiusWithFlowDirection.png differ
diff --git a/src/Controls/tests/TestCases.Android.Tests/snapshots/android/BoxView_CornerRadiusWithOpacityAndShadow.png b/src/Controls/tests/TestCases.Android.Tests/snapshots/android/BoxView_CornerRadiusWithOpacityAndShadow.png
index c71245ed83ab..0eb5733990e2 100644
Binary files a/src/Controls/tests/TestCases.Android.Tests/snapshots/android/BoxView_CornerRadiusWithOpacityAndShadow.png and b/src/Controls/tests/TestCases.Android.Tests/snapshots/android/BoxView_CornerRadiusWithOpacityAndShadow.png differ
diff --git a/src/Controls/tests/TestCases.Android.Tests/snapshots/android/BoxView_FillWithLinearGradient.png b/src/Controls/tests/TestCases.Android.Tests/snapshots/android/BoxView_FillWithLinearGradient.png
new file mode 100644
index 000000000000..7ce642d51e30
Binary files /dev/null and b/src/Controls/tests/TestCases.Android.Tests/snapshots/android/BoxView_FillWithLinearGradient.png differ
diff --git a/src/Controls/tests/TestCases.Android.Tests/snapshots/android/BoxView_FillWithRadialGradient.png b/src/Controls/tests/TestCases.Android.Tests/snapshots/android/BoxView_FillWithRadialGradient.png
new file mode 100644
index 000000000000..bf4cb5cdd7be
Binary files /dev/null and b/src/Controls/tests/TestCases.Android.Tests/snapshots/android/BoxView_FillWithRadialGradient.png differ
diff --git a/src/Controls/tests/TestCases.Android.Tests/snapshots/android/BoxView_FillWithSolidColor.png b/src/Controls/tests/TestCases.Android.Tests/snapshots/android/BoxView_FillWithSolidColor.png
new file mode 100644
index 000000000000..aa2ace9b9b7f
Binary files /dev/null and b/src/Controls/tests/TestCases.Android.Tests/snapshots/android/BoxView_FillWithSolidColor.png differ
diff --git a/src/Controls/tests/TestCases.Android.Tests/snapshots/android/BoxView_IsVisible.png b/src/Controls/tests/TestCases.Android.Tests/snapshots/android/BoxView_IsVisible.png
index fa4378209b54..33b1b43b362d 100644
Binary files a/src/Controls/tests/TestCases.Android.Tests/snapshots/android/BoxView_IsVisible.png and b/src/Controls/tests/TestCases.Android.Tests/snapshots/android/BoxView_IsVisible.png differ
diff --git a/src/Controls/tests/TestCases.HostApp/FeatureMatrix/BoxView/BoxViewControlPage.xaml b/src/Controls/tests/TestCases.HostApp/FeatureMatrix/BoxView/BoxViewControlPage.xaml
index 7bd084b2ae43..c900321af1ec 100644
--- a/src/Controls/tests/TestCases.HostApp/FeatureMatrix/BoxView/BoxViewControlPage.xaml
+++ b/src/Controls/tests/TestCases.HostApp/FeatureMatrix/BoxView/BoxViewControlPage.xaml
@@ -15,6 +15,7 @@
                 <!-- BoxView at top center -->
                 <BoxView Grid.Row="0"
                          Color="{Binding Color}"
+                         Fill="{Binding Fill}"
                          WidthRequest="{Binding Width}"
                          Opacity="{Binding Opacity}"
                          HeightRequest="{Binding Height}"
@@ -39,7 +40,6 @@
                         <!-- Left Column - Entry Controls -->
                         <StackLayout Grid.Column="0"
                                      Grid.Row="0"
-                                     Padding="20"
                                      Spacing="10">
                                 <Label FontAttributes="Bold"
                                        AutomationId="CornerRadiusLabel"
@@ -69,23 +69,49 @@
                         <!-- Right Column - Controls -->
                         <StackLayout Grid.Column="1"
                                      Grid.Row="0"
-                                     Padding="20"
                                      Spacing="1">
-                                <Label FontAttributes="Bold"
-                                       Text="Box Color"/>
-                                <VerticalStackLayout>
-                                        <RadioButton Content="Red"
-                                                     Value="Red"
-                                                     GroupName="Colors"
-                                                     AutomationId="RedRadioButton"
-                                                     IsChecked="{Binding IsRedChecked, Mode=TwoWay}"/>
+                                <HorizontalStackLayout>
+                                        <!-- Color -->
+                                        <VerticalStackLayout>
+                                                <Label FontAttributes="Bold"
+                                                       Text="Box Color"/>
+                                                <RadioButton Content="Red"
+                                                             Value="Red"
+                                                             GroupName="Colors"
+                                                             AutomationId="RedRadioButton"
+                                                             IsChecked="{Binding IsRedChecked, Mode=TwoWay}"/>
+
+                                                <RadioButton Content="Blue"
+                                                             Value="Blue"
+                                                             GroupName="Colors"
+                                                             AutomationId="BlueRadioButton"
+                                                             IsChecked="{Binding IsBlueChecked, Mode=TwoWay}"/>
+                                        </VerticalStackLayout>
+
+                                        <!-- Fill -->
+                                        <VerticalStackLayout>
+                                                <Label FontAttributes="Bold"
+                                                       HorizontalOptions="Center"
+                                                       Text="Fill"/>
+                                                <RadioButton Content="Solid"
+                                                             Value="Solid"
+                                                             GroupName="Fill"
+                                                             AutomationId="SolidRadioButton"
+                                                             IsChecked="{Binding IsSolidChecked, Mode=TwoWay}"/>
+
+                                                <RadioButton Content="Linear"
+                                                             Value="Linear"
+                                                             GroupName="Fill"
+                                                             AutomationId="LinearRadioButton"
+                                                             IsChecked="{Binding IsLinearChecked, Mode=TwoWay}"/>
+                                                <RadioButton Content="Radial"
+                                                             Value="Radial"
+                                                             GroupName="Fill"
+                                                             AutomationId="RadialRadioButton"
+                                                             IsChecked="{Binding IsRadialChecked, Mode=TwoWay}"/>
+                                        </VerticalStackLayout>
+                                </HorizontalStackLayout>
 
-                                        <RadioButton Content="Blue"
-                                                     Value="Blue"
-                                                     GroupName="Colors"
-                                                     AutomationId="BlueRadioButton"
-                                                     IsChecked="{Binding IsBlueChecked, Mode=TwoWay}"/>
-                                </VerticalStackLayout>
 
                                 <VerticalStackLayout Spacing="5">
                                         <HorizontalStackLayout
@@ -104,17 +130,17 @@
                                         </HorizontalStackLayout>
 
                                         <Label Text="Flow Direction:"
-                                                FontAttributes="Bold"
-                                                        FontSize="15"/>
+                                               FontAttributes="Bold"
+                                               FontSize="15"/>
                                         <StackLayout Orientation="Horizontal"
-                                                        Spacing="10">
+                                                     Spacing="10">
 
                                                 <CheckBox x:Name="FlowDirectionRTLCheckBox"
                                                           AutomationId="FlowDirectionRTLCheckBox"
                                                           IsChecked="False"
                                                           CheckedChanged="OnFlowDirectionCheckBoxChanged"/>
                                                 <Label Text="RTL"
-                                                                VerticalOptions="Center"/>
+                                                       VerticalOptions="Center"/>
                                         </StackLayout>
 
                                 </VerticalStackLayout>
diff --git a/src/Controls/tests/TestCases.HostApp/FeatureMatrix/BoxView/BoxViewViewModel.cs b/src/Controls/tests/TestCases.HostApp/FeatureMatrix/BoxView/BoxViewViewModel.cs
index 8b2b0c5dfdf5..49c76b189080 100644
--- a/src/Controls/tests/TestCases.HostApp/FeatureMatrix/BoxView/BoxViewViewModel.cs
+++ b/src/Controls/tests/TestCases.HostApp/FeatureMatrix/BoxView/BoxViewViewModel.cs
@@ -5,19 +5,47 @@ namespace Maui.Controls.Sample;
 
 public class BoxViewViewModel : INotifyPropertyChanged
 {
-	private Color _color = Colors.Blue;
-	private double _width = 200;
-	private double _height = 100;
-	private bool _isVisible = true;
-	private double _opacity = 1.0;
-	private CornerRadius _cornerRadius;
-	private bool _isRedChecked = false;
-	private bool _isBlueChecked = true;
-	private FlowDirection _flowDirection = FlowDirection.LeftToRight;
+	Color _color = Colors.Blue;
+	Brush _fill = null;
+	LinearGradientBrush _linearGradientBrush = new LinearGradientBrush()
+	{
+		StartPoint = new Point(0, 0),
+		EndPoint = new Point(1, 1),
+		GradientStops =
+		[
+			new GradientStop { Color = Colors.Purple, Offset = 0.0f },
+			new GradientStop { Color = Colors.Pink, Offset = 0.3f },
+			new GradientStop { Color = Colors.Orange, Offset = 0.7f },
+			new GradientStop { Color = Colors.Red, Offset = 1.0f }
+		]
+	};
+
+	RadialGradientBrush _radialGradientBrush = new RadialGradientBrush()
+	{
+		Center = new Point(0.5, 0.5),
+		Radius = 0.5,
+		GradientStops =
+		[
+			new GradientStop { Color = Colors.Yellow, Offset = 0.0f },
+			new GradientStop { Color = Colors.Green, Offset = 1.0f }
+		]
+	};
 
+	double _width = 200;
+	double _height = 100;
+	bool _isVisible = true;
+	double _opacity = 1.0;
+	CornerRadius _cornerRadius;
+	bool _isRedChecked = false;
+	bool _isBlueChecked = true;
+	bool _isSolidChecked = false;
+	bool _isLinearChecked = false;
+	bool _isRadialChecked = false;
+	FlowDirection _flowDirection = FlowDirection.LeftToRight;
 
-	private string _cornerRadiusEntryText = null;
-	private string _opacityEntryText = null;
+
+	string _cornerRadiusEntryText = null;
+	string _opacityEntryText = null;
 
 	public string CornerRadiusEntryText
 	{
@@ -28,7 +56,10 @@ public string CornerRadiusEntryText
 			{
 				_cornerRadiusEntryText = value;
 				if (double.TryParse(value, out double radius))
+				{
 					CornerRadius = radius;
+				}
+
 				OnPropertyChanged();
 			}
 		}
@@ -43,7 +74,64 @@ public string OpacityEntryText
 			{
 				_opacityEntryText = value;
 				if (double.TryParse(value, out double opacity))
+				{
 					Opacity = opacity;
+				}
+
+				OnPropertyChanged();
+			}
+		}
+	}
+
+	public bool IsSolidChecked
+	{
+		get => _isSolidChecked;
+		set
+		{
+			if (_isSolidChecked != value)
+			{
+				_isSolidChecked = value;
+				if (value)
+				{
+					Fill = Colors.Red.AsPaint();
+				}
+
+				OnPropertyChanged();
+			}
+		}
+	}
+
+	public bool IsLinearChecked
+	{
+		get => _isLinearChecked;
+		set
+		{
+			if (_isLinearChecked != value)
+			{
+				_isLinearChecked = value;
+				if (value)
+				{
+					Fill = _linearGradientBrush;
+				}
+
+				OnPropertyChanged();
+			}
+		}
+	}
+
+	public bool IsRadialChecked
+	{
+		get => _isRadialChecked;
+		set
+		{
+			if (_isRadialChecked != value)
+			{
+				_isRadialChecked = value;
+				if (value)
+				{
+					Fill = _radialGradientBrush;
+				}
+
 				OnPropertyChanged();
 			}
 		}
@@ -58,7 +146,10 @@ public bool IsRedChecked
 			{
 				_isRedChecked = value;
 				if (value)
+				{
 					Color = Colors.Red;
+				}
+
 				OnPropertyChanged();
 			}
 		}
@@ -73,7 +164,10 @@ public bool IsBlueChecked
 			{
 				_isBlueChecked = value;
 				if (value)
+				{
 					Color = Colors.Blue;
+				}
+
 				OnPropertyChanged();
 			}
 		}
@@ -111,8 +205,8 @@ public bool IsVisible
 			OnPropertyChanged();
 		}
 	}
-	private bool _hasShadow = false;
-	private Shadow _boxShadow = null;
+	bool _hasShadow = false;
+	Shadow _boxShadow = null;
 
 	public bool HasShadow
 	{
@@ -139,7 +233,7 @@ public bool HasShadow
 	public Shadow BoxShadow
 	{
 		get => _boxShadow;
-		private set
+		set
 		{
 			if (_boxShadow != value)
 			{
@@ -155,6 +249,12 @@ public Color Color
 		set { _color = value; OnPropertyChanged(); }
 	}
 
+	public Brush Fill
+	{
+		get => _fill;
+		set { _fill = value; OnPropertyChanged(); }
+	}
+
 	public double Width
 	{
 		get => _width;
diff --git a/src/Controls/tests/TestCases.Mac.Tests/snapshots/mac/BoxView_ColorWithOpacity.png b/src/Controls/tests/TestCases.Mac.Tests/snapshots/mac/BoxView_ColorWithOpacity.png
index ada959a3c45e..66505d826101 100644
Binary files a/src/Controls/tests/TestCases.Mac.Tests/snapshots/mac/BoxView_ColorWithOpacity.png and b/src/Controls/tests/TestCases.Mac.Tests/snapshots/mac/BoxView_ColorWithOpacity.png differ
diff --git a/src/Controls/tests/TestCases.Mac.Tests/snapshots/mac/BoxView_ColorWithOpacityAndShadow.png b/src/Controls/tests/TestCases.Mac.Tests/snapshots/mac/BoxView_ColorWithOpacityAndShadow.png
index 6dff64939c3c..0c44d433a933 100644
Binary files a/src/Controls/tests/TestCases.Mac.Tests/snapshots/mac/BoxView_ColorWithOpacityAndShadow.png and b/src/Controls/tests/TestCases.Mac.Tests/snapshots/mac/BoxView_ColorWithOpacityAndShadow.png differ
diff --git a/src/Controls/tests/TestCases.Mac.Tests/snapshots/mac/BoxView_CornerRadiusWithColor.png b/src/Controls/tests/TestCases.Mac.Tests/snapshots/mac/BoxView_CornerRadiusWithColor.png
index e7a1d6c6c0e4..103d71ddd08c 100644
Binary files a/src/Controls/tests/TestCases.Mac.Tests/snapshots/mac/BoxView_CornerRadiusWithColor.png and b/src/Controls/tests/TestCases.Mac.Tests/snapshots/mac/BoxView_CornerRadiusWithColor.png differ
diff --git a/src/Controls/tests/TestCases.Mac.Tests/snapshots/mac/BoxView_CornerRadiusWithColorAndShadow.png b/src/Controls/tests/TestCases.Mac.Tests/snapshots/mac/BoxView_CornerRadiusWithColorAndShadow.png
index fae2d7afadb3..59c492ed3189 100644
Binary files a/src/Controls/tests/TestCases.Mac.Tests/snapshots/mac/BoxView_CornerRadiusWithColorAndShadow.png and b/src/Controls/tests/TestCases.Mac.Tests/snapshots/mac/BoxView_CornerRadiusWithColorAndShadow.png differ
diff --git a/src/Controls/tests/TestCases.Mac.Tests/snapshots/mac/BoxView_CornerRadiusWithFlowDirection.png b/src/Controls/tests/TestCases.Mac.Tests/snapshots/mac/BoxView_CornerRadiusWithFlowDirection.png
index a697afbc0fb3..ae8ab98c29ff 100644
Binary files a/src/Controls/tests/TestCases.Mac.Tests/snapshots/mac/BoxView_CornerRadiusWithFlowDirection.png and b/src/Controls/tests/TestCases.Mac.Tests/snapshots/mac/BoxView_CornerRadiusWithFlowDirection.png differ
diff --git a/src/Controls/tests/TestCases.Mac.Tests/snapshots/mac/BoxView_CornerRadiusWithOpacityAndShadow.png b/src/Controls/tests/TestCases.Mac.Tests/snapshots/mac/BoxView_CornerRadiusWithOpacityAndShadow.png
index af2476a62a94..868be597ad41 100644
Binary files a/src/Controls/tests/TestCases.Mac.Tests/snapshots/mac/BoxView_CornerRadiusWithOpacityAndShadow.png and b/src/Controls/tests/TestCases.Mac.Tests/snapshots/mac/BoxView_CornerRadiusWithOpacityAndShadow.png differ
diff --git a/src/Controls/tests/TestCases.Mac.Tests/snapshots/mac/BoxView_FillWithLinearGradient.png b/src/Controls/tests/TestCases.Mac.Tests/snapshots/mac/BoxView_FillWithLinearGradient.png
new file mode 100644
index 000000000000..348c09e29c0c
Binary files /dev/null and b/src/Controls/tests/TestCases.Mac.Tests/snapshots/mac/BoxView_FillWithLinearGradient.png differ
diff --git a/src/Controls/tests/TestCases.Mac.Tests/snapshots/mac/BoxView_FillWithRadialGradient.png b/src/Controls/tests/TestCases.Mac.Tests/snapshots/mac/BoxView_FillWithRadialGradient.png
new file mode 100644
index 000000000000..7e0cef6bc809
Binary files /dev/null and b/src/Controls/tests/TestCases.Mac.Tests/snapshots/mac/BoxView_FillWithRadialGradient.png differ
diff --git a/src/Controls/tests/TestCases.Mac.Tests/snapshots/mac/BoxView_FillWithSolidColor.png b/src/Controls/tests/TestCases.Mac.Tests/snapshots/mac/BoxView_FillWithSolidColor.png
new file mode 100644
index 000000000000..03a8402a439c
Binary files /dev/null and b/src/Controls/tests/TestCases.Mac.Tests/snapshots/mac/BoxView_FillWithSolidColor.png differ
diff --git a/src/Controls/tests/TestCases.Mac.Tests/snapshots/mac/BoxView_IsVisible.png b/src/Controls/tests/TestCases.Mac.Tests/snapshots/mac/BoxView_IsVisible.png
index 834e77058284..7370284e5b10 100644
Binary files a/src/Controls/tests/TestCases.Mac.Tests/snapshots/mac/BoxView_IsVisible.png and b/src/Controls/tests/TestCases.Mac.Tests/snapshots/mac/BoxView_IsVisible.png differ
diff --git a/src/Controls/tests/TestCases.Shared.Tests/Tests/FeatureMatrix/BoxViewFeatureTests.cs b/src/Controls/tests/TestCases.Shared.Tests/Tests/FeatureMatrix/BoxViewFeatureTests.cs
index 2d13e41e15ea..47f339c415ac 100644
--- a/src/Controls/tests/TestCases.Shared.Tests/Tests/FeatureMatrix/BoxViewFeatureTests.cs
+++ b/src/Controls/tests/TestCases.Shared.Tests/Tests/FeatureMatrix/BoxViewFeatureTests.cs
@@ -2,163 +2,201 @@
 using UITest.Appium;
 using UITest.Core;
 
+namespace Microsoft.Maui.TestCases.Tests;
 
-namespace Microsoft.Maui.TestCases.Tests
+public class BoxViewFeatureTests : UITest
 {
-	public class BoxViewFeatureTests : UITest
+	const string ResetButton = "ResetButton";
+	const string CornerRadiusEntry = "CornerRadiusEntry";
+	const string CornerRadiusLabel = "CornerRadiusLabel";
+	const string RedRadioButton = "RedRadioButton";
+	const string OpacityEntry = "OpacityEntry";
+	const string OpacityLabel = "OpacityLabel";
+	const string ShadowCheckBox = "ShadowCheckBox";
+
+	public const string BoxViewFeatureMatrix = "BoxView Feature Matrix";
+
+
+	public BoxViewFeatureTests(TestDevice device)
+		: base(device)
 	{
-		public const string BoxViewFeatureMatrix = "BoxView Feature Matrix";
+	}
 
-		public BoxViewFeatureTests(TestDevice device)
-			: base(device)
-		{
-		}
+	protected override void FixtureSetup()
+	{
+		base.FixtureSetup();
+		App.NavigateToGallery(BoxViewFeatureMatrix);
+	}
 
-		protected override void FixtureSetup()
-		{
-			base.FixtureSetup();
-			App.NavigateToGallery(BoxViewFeatureMatrix);
-		}
 
+	[Test]
+	[Category(UITestCategories.BoxView)]
+	public void BoxView_IsVisible()
+	{
+		App.WaitForElement(ResetButton);
+		App.Tap(ResetButton);
 
-		[Test]
-		[Category(UITestCategories.BoxView)]
-		public void BoxView_IsVisible()
-		{
-			App.WaitForElement("ResetButton");
-			App.Tap("ResetButton");
+		App.WaitForElement("VisibilityCheckBox");
+		App.Tap("VisibilityCheckBox");
 
-			App.WaitForElement("VisibilityCheckBox");
-			App.Tap("VisibilityCheckBox");
+		VerifyScreenshot();
+	}
 
-			VerifyScreenshot();
-		}
+	[Test]
+	[Category(UITestCategories.BoxView)]
+	public void BoxView_CornerRadiusWithColor()
+	{
+		App.WaitForElement(ResetButton);
+		App.Tap(ResetButton);
 
-		[Test]
-		[Category(UITestCategories.BoxView)]
-		public void BoxView_CornerRadiusWithColor()
-		{
-			App.WaitForElement("ResetButton");
-			App.Tap("ResetButton");
+		App.WaitForElement(CornerRadiusEntry);
+		App.EnterText(CornerRadiusEntry, "60,10,20,40");
 
-			App.WaitForElement("CornerRadiusEntry");
-			App.EnterText("CornerRadiusEntry", "60,10,20,40");
+		App.WaitForElement(CornerRadiusLabel);
+		App.Tap(CornerRadiusLabel);
 
-			App.WaitForElement("CornerRadiusLabel");
-			App.Tap("CornerRadiusLabel");
+		App.WaitForElement(RedRadioButton);
+		App.Tap(RedRadioButton);
 
-			App.WaitForElement("RedRadioButton");
-			App.Tap("RedRadioButton");
+		VerifyScreenshot();
+	}
 
-			VerifyScreenshot();
-		}
+	[Test]
+	[Category(UITestCategories.BoxView)]
+	public void BoxView_ColorWithOpacity()
+	{
+		App.WaitForElement(ResetButton);
+		App.Tap(ResetButton);
 
-		[Test]
-		[Category(UITestCategories.BoxView)]
-		public void BoxView_ColorWithOpacity()
-		{
-			App.WaitForElement("ResetButton");
-			App.Tap("ResetButton");
+		App.WaitForElement(RedRadioButton);
+		App.Tap(RedRadioButton);
 
-			App.WaitForElement("RedRadioButton");
-			App.Tap("RedRadioButton");
+		App.WaitForElement(OpacityEntry);
+		App.EnterText(OpacityEntry, "0.5");
 
-			App.WaitForElement("OpacityEntry");
-			App.EnterText("OpacityEntry", "0.5");
+		App.WaitForElement(OpacityLabel);
+		App.Tap(OpacityLabel);
 
-			App.WaitForElement("OpacityLabel");
-			App.Tap("OpacityLabel");
+		VerifyScreenshot();
+	}
 
-			VerifyScreenshot();
-		}
+	[Test]
+	[Category(UITestCategories.BoxView)]
+	public void BoxView_CornerRadiusWithFlowDirection()
+	{
+		App.WaitForElement(ResetButton);
+		App.Tap(ResetButton);
 
-		[Test]
-		[Category(UITestCategories.BoxView)]
-		public void BoxView_CornerRadiusWithFlowDirection()
-		{
-			App.WaitForElement("ResetButton");
-			App.Tap("ResetButton");
+		App.WaitForElement(CornerRadiusEntry);
+		App.EnterText(CornerRadiusEntry, "60,10,20,40");
 
-			App.WaitForElement("CornerRadiusEntry");
-			App.EnterText("CornerRadiusEntry", "60,10,20,40");
+		App.WaitForElement(CornerRadiusLabel);
+		App.Tap(CornerRadiusLabel);
 
-			App.WaitForElement("CornerRadiusLabel");
-			App.Tap("CornerRadiusLabel");
+		App.WaitForElement("FlowDirectionRTLCheckBox");
+		App.Tap("FlowDirectionRTLCheckBox");
 
-			App.WaitForElement("FlowDirectionRTLCheckBox");
-			App.Tap("FlowDirectionRTLCheckBox");
+		VerifyScreenshot();
+	}
 
-			VerifyScreenshot();
-		}
-#if TEST_FAILS_ON_WINDOWS // For more information see: https://github.com/dotnet/maui/issues/27732
-		[Test]
-		[Category(UITestCategories.BoxView)]
-		public void BoxView_CornerRadiusWithOpacityAndShadow()
-		{
-			App.WaitForElement("ResetButton");
-			App.Tap("ResetButton");
+	[Test]
+	[Category(UITestCategories.BoxView)]
+	public void BoxView_CornerRadiusWithOpacityAndShadow()
+	{
+		App.WaitForElement(ResetButton);
+		App.Tap(ResetButton);
 
-			App.WaitForElement("CornerRadiusEntry");
-			App.EnterText("CornerRadiusEntry", "60,10,20,40");
+		App.WaitForElement(CornerRadiusEntry);
+		App.EnterText(CornerRadiusEntry, "60,10,20,40");
 
-			App.WaitForElement("CornerRadiusLabel");
-			App.Tap("CornerRadiusLabel");
+		App.WaitForElement(CornerRadiusLabel);
+		App.Tap(CornerRadiusLabel);
 
-			App.WaitForElement("OpacityEntry");
-			App.EnterText("OpacityEntry", "0.5");
+		App.WaitForElement(OpacityEntry);
+		App.EnterText(OpacityEntry, "0.5");
 
-			App.WaitForElement("OpacityLabel");
-			App.Tap("OpacityLabel");
+		App.WaitForElement(OpacityLabel);
+		App.Tap(OpacityLabel);
 
-			App.WaitForElement("ShadowCheckBox");
-			App.Tap("ShadowCheckBox");
+		App.WaitForElement(ShadowCheckBox);
+		App.Tap(ShadowCheckBox);
 
-			VerifyScreenshot();
-		}
+		VerifyScreenshot();
+	}
 
-		[Test]
-		[Category(UITestCategories.BoxView)]
-		public void BoxView_CornerRadiusWithColorAndShadow()
-		{
-			App.WaitForElement("ResetButton");
-			App.Tap("ResetButton");
+#if TEST_FAILS_ON_WINDOWS // For more information see: https://github.com/dotnet/maui/issues/31821
+	[Test]
+	[Category(UITestCategories.BoxView)]
+	public void BoxView_CornerRadiusWithColorAndShadow()
+	{
+		App.WaitForElement(ResetButton);
+		App.Tap(ResetButton);
 
-			App.WaitForElement("CornerRadiusEntry");
-			App.EnterText("CornerRadiusEntry", "60,10,20,40");
+		App.WaitForElement(CornerRadiusEntry);
+		App.EnterText(CornerRadiusEntry, "60,10,20,40");
 
-			App.WaitForElement("CornerRadiusLabel");
-			App.Tap("CornerRadiusLabel");
+		App.WaitForElement(CornerRadiusLabel);
+		App.Tap(CornerRadiusLabel);
 
-			App.WaitForElement("RedRadioButton");
-			App.Tap("RedRadioButton");
+		App.WaitForElement(RedRadioButton);
+		App.Tap(RedRadioButton);
 
-			App.WaitForElement("ShadowCheckBox");
-			App.Tap("ShadowCheckBox");
+		App.WaitForElement(ShadowCheckBox);
+		App.Tap(ShadowCheckBox);
 
-			VerifyScreenshot();
-		}
+		VerifyScreenshot();
+	}
 
-		[Test]
-		[Category(UITestCategories.BoxView)]
-		public void BoxView_ColorWithOpacityAndShadow()
-		{
-			App.WaitForElement("ResetButton");
-			App.Tap("ResetButton");
+	[Test]
+	[Category(UITestCategories.BoxView)]
+	public void BoxView_ColorWithOpacityAndShadow()
+	{
+		App.WaitForElement(ResetButton);
+		App.Tap(ResetButton);
 
-			App.WaitForElement("RedRadioButton");
-			App.Tap("RedRadioButton");
+		App.WaitForElement(RedRadioButton);
+		App.Tap(RedRadioButton);
 
-			App.WaitForElement("OpacityEntry");
-			App.EnterText("OpacityEntry", "0.5");
+		App.WaitForElement(OpacityEntry);
+		App.EnterText(OpacityEntry, "0.5");
 
-			App.WaitForElement("OpacityLabel");
-			App.Tap("OpacityLabel");
+		App.WaitForElement(OpacityLabel);
+		App.Tap(OpacityLabel);
 
-			App.WaitForElement("ShadowCheckBox");
-			App.Tap("ShadowCheckBox");
+		App.WaitForElement(ShadowCheckBox);
+		App.Tap(ShadowCheckBox);
 
-			VerifyScreenshot();
-		}
-#endif
+		VerifyScreenshot();
+	}
+
+	[Test]
+	[Category(UITestCategories.BoxView)]
+	public void BoxView_FillWithSolidColor()
+	{
+		App.WaitForElement("SolidRadioButton");
+		App.Tap("SolidRadioButton");
+
+		VerifyScreenshot();
+	}
+
+	[Test]
+	[Category(UITestCategories.BoxView)]
+	public void BoxView_FillWithLinearGradient()
+	{
+		App.WaitForElement("LinearRadioButton");
+		App.Tap("LinearRadioButton");
+
+		VerifyScreenshot();
+	}
+
+	[Test]
+	[Category(UITestCategories.BoxView)]
+	public void BoxView_FillWithRadialGradient()
+	{
+		App.WaitForElement("RadialRadioButton");
+		App.Tap("RadialRadioButton");
+
+		VerifyScreenshot();
 	}
+#endif
 }
\ No newline at end of file
diff --git a/src/Controls/tests/TestCases.WinUI.Tests/snapshots/windows/BoxView_ColorWithOpacity.png b/src/Controls/tests/TestCases.WinUI.Tests/snapshots/windows/BoxView_ColorWithOpacity.png
index 357a9dad9e6f..b7994af82279 100644
Binary files a/src/Controls/tests/TestCases.WinUI.Tests/snapshots/windows/BoxView_ColorWithOpacity.png and b/src/Controls/tests/TestCases.WinUI.Tests/snapshots/windows/BoxView_ColorWithOpacity.png differ
diff --git a/src/Controls/tests/TestCases.WinUI.Tests/snapshots/windows/BoxView_ColorWithOpacityAndShadow.png b/src/Controls/tests/TestCases.WinUI.Tests/snapshots/windows/BoxView_ColorWithOpacityAndShadow.png
new file mode 100644
index 000000000000..b9ef7675c08e
Binary files /dev/null and b/src/Controls/tests/TestCases.WinUI.Tests/snapshots/windows/BoxView_ColorWithOpacityAndShadow.png differ
diff --git a/src/Controls/tests/TestCases.WinUI.Tests/snapshots/windows/BoxView_CornerRadiusWithColor.png b/src/Controls/tests/TestCases.WinUI.Tests/snapshots/windows/BoxView_CornerRadiusWithColor.png
index c9876cf197aa..b39eb7e24755 100644
Binary files a/src/Controls/tests/TestCases.WinUI.Tests/snapshots/windows/BoxView_CornerRadiusWithColor.png and b/src/Controls/tests/TestCases.WinUI.Tests/snapshots/windows/BoxView_CornerRadiusWithColor.png differ
diff --git a/src/Controls/tests/TestCases.WinUI.Tests/snapshots/windows/BoxView_CornerRadiusWithFlowDirection.png b/src/Controls/tests/TestCases.WinUI.Tests/snapshots/windows/BoxView_CornerRadiusWithFlowDirection.png
index 5879635f3269..fa48cfa0c8da 100644
Binary files a/src/Controls/tests/TestCases.WinUI.Tests/snapshots/windows/BoxView_CornerRadiusWithFlowDirection.png and b/src/Controls/tests/TestCases.WinUI.Tests/snapshots/windows/BoxView_CornerRadiusWithFlowDirection.png differ
diff --git a/src/Controls/tests/TestCases.WinUI.Tests/snapshots/windows/BoxView_IsVisible.png b/src/Controls/tests/TestCases.WinUI.Tests/snapshots/windows/BoxView_IsVisible.png
index 5749b33b9938..1eea87638e5b 100644
Binary files a/src/Controls/tests/TestCases.WinUI.Tests/snapshots/windows/BoxView_IsVisible.png and b/src/Controls/tests/TestCases.WinUI.Tests/snapshots/windows/BoxView_IsVisible.png differ
diff --git a/src/Controls/tests/TestCases.iOS.Tests/snapshots/ios/BoxView_ColorWithOpacity.png b/src/Controls/tests/TestCases.iOS.Tests/snapshots/ios/BoxView_ColorWithOpacity.png
index 5c9c682ac35a..a82d3fdc219f 100644
Binary files a/src/Controls/tests/TestCases.iOS.Tests/snapshots/ios/BoxView_ColorWithOpacity.png and b/src/Controls/tests/TestCases.iOS.Tests/snapshots/ios/BoxView_ColorWithOpacity.png differ
diff --git a/src/Controls/tests/TestCases.iOS.Tests/snapshots/ios/BoxView_ColorWithOpacityAndShadow.png b/src/Controls/tests/TestCases.iOS.Tests/snapshots/ios/BoxView_ColorWithOpacityAndShadow.png
index 2d8c1134d86e..da86af36816e 100644
Binary files a/src/Controls/tests/TestCases.iOS.Tests/snapshots/ios/BoxView_ColorWithOpacityAndShadow.png and b/src/Controls/tests/TestCases.iOS.Tests/snapshots/ios/BoxView_ColorWithOpacityAndShadow.png differ
diff --git a/src/Controls/tests/TestCases.iOS.Tests/snapshots/ios/BoxView_CornerRadiusWithColor.png b/src/Controls/tests/TestCases.iOS.Tests/snapshots/ios/BoxView_CornerRadiusWithColor.png
index 75b7a0270ca9..e9ee036f4982 100644
Binary files a/src/Controls/tests/TestCases.iOS.Tests/snapshots/ios/BoxView_CornerRadiusWithColor.png and b/src/Controls/tests/TestCases.iOS.Tests/snapshots/ios/BoxView_CornerRadiusWithColor.png differ
diff --git a/src/Controls/tests/TestCases.iOS.Tests/snapshots/ios/BoxView_CornerRadiusWithColorAndShadow.png b/src/Controls/tests/TestCases.iOS.Tests/snapshots/ios/BoxView_CornerRadiusWithColorAndShadow.png
index 621ba538681b..41a11eb8e7d0 100644
Binary files a/src/Controls/tests/TestCases.iOS.Tests/snapshots/ios/BoxView_CornerRadiusWithColorAndShadow.png and b/src/Controls/tests/TestCases.iOS.Tests/snapshots/ios/BoxView_CornerRadiusWithColorAndShadow.png differ
diff --git a/src/Controls/tests/TestCases.iOS.Tests/snapshots/ios/BoxView_CornerRadiusWithFlowDirection.png b/src/Controls/tests/TestCases.iOS.Tests/snapshots/ios/BoxView_CornerRadiusWithFlowDirection.png
index 5b2f9bb77d22..d55fd497d00a 100644
Binary files a/src/Controls/tests/TestCases.iOS.Tests/snapshots/ios/BoxView_CornerRadiusWithFlowDirection.png and b/src/Controls/tests/TestCases.iOS.Tests/snapshots/ios/BoxView_CornerRadiusWithFlowDirection.png differ
diff --git a/src/Controls/tests/TestCases.iOS.Tests/snapshots/ios/BoxView_CornerRadiusWithOpacityAndShadow.png b/src/Controls/tests/TestCases.iOS.Tests/snapshots/ios/BoxView_CornerRadiusWithOpacityAndShadow.png
index e13cbdd77cbb..5680a106cb88 100644
Binary files a/src/Controls/tests/TestCases.iOS.Tests/snapshots/ios/BoxView_CornerRadiusWithOpacityAndShadow.png and b/src/Controls/tests/TestCases.iOS.Tests/snapshots/ios/BoxView_CornerRadiusWithOpacityAndShadow.png differ
diff --git a/src/Controls/tests/TestCases.iOS.Tests/snapshots/ios/BoxView_FillWithLinearGradient.png b/src/Controls/tests/TestCases.iOS.Tests/snapshots/ios/BoxView_FillWithLinearGradient.png
new file mode 100644
index 000000000000..4c92c83f1b0e
Binary files /dev/null and b/src/Controls/tests/TestCases.iOS.Tests/snapshots/ios/BoxView_FillWithLinearGradient.png differ
diff --git a/src/Controls/tests/TestCases.iOS.Tests/snapshots/ios/BoxView_FillWithRadialGradient.png b/src/Controls/tests/TestCases.iOS.Tests/snapshots/ios/BoxView_FillWithRadialGradient.png
new file mode 100644
index 000000000000..24801a5416af
Binary files /dev/null and b/src/Controls/tests/TestCases.iOS.Tests/snapshots/ios/BoxView_FillWithRadialGradient.png differ
diff --git a/src/Controls/tests/TestCases.iOS.Tests/snapshots/ios/BoxView_FillWithSolidColor.png b/src/Controls/tests/TestCases.iOS.Tests/snapshots/ios/BoxView_FillWithSolidColor.png
new file mode 100644
index 000000000000..9ba40653792e
Binary files /dev/null and b/src/Controls/tests/TestCases.iOS.Tests/snapshots/ios/BoxView_FillWithSolidColor.png differ
diff --git a/src/Controls/tests/TestCases.iOS.Tests/snapshots/ios/BoxView_IsVisible.png b/src/Controls/tests/TestCases.iOS.Tests/snapshots/ios/BoxView_IsVisible.png
index da7ce5e9f560..9ee127d29947 100644
Binary files a/src/Controls/tests/TestCases.iOS.Tests/snapshots/ios/BoxView_IsVisible.png and b/src/Controls/tests/TestCases.iOS.Tests/snapshots/ios/BoxView_IsVisible.png differ