ScrollView's Background on iOS (#25541)

Author: kubaflo

src/Controls/tests/TestCases.Android.Tests/snapshots/android/ScrollViewGradientBackground.png

@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="Maui.Controls.Sample.Issues.Issue24061"
+             xmlns:ns="clr-namespace:Maui.Controls.Sample.Issues">
+    <VerticalStackLayout>
+        <ScrollView Orientation="Horizontal"
+                    x:Name="scrollView"
+                    HeightRequest="120">
+
+            <ScrollView.Background>
+                <LinearGradientBrush StartPoint="0,0.5"
+                                     EndPoint="1,0.5">
+                    <LinearGradientBrush.GradientStops>
+                        <GradientStop Color="White"
+                                      Offset="0.75"/>
+                        <GradientStop Color="Green"
+                                      Offset="1"/>
+                    </LinearGradientBrush.GradientStops>
+                </LinearGradientBrush>
+            </ScrollView.Background>
+                <StackLayout Orientation="Horizontal">
+                    <BindableLayout.ItemsSource>
+                        <x:Array Type="{x:Type x:String}">
+                            <x:String>Item1</x:String>
+                            <x:String>Item2</x:String>
+                            <x:String>Item3</x:String>
+                            <x:String>Item4</x:String>
+                            <x:String>Item5</x:String>
+                        </x:Array>
+                    </BindableLayout.ItemsSource>
+                    <BindableLayout.ItemTemplate>
+                        <DataTemplate>
+                            <BoxView WidthRequest="100"
+                                     HeightRequest="100"
+                                     AutomationId="{Binding .}"
+                                     BackgroundColor="Black"
+                                     Margin="10"/>
+                        </DataTemplate>
+                    </BindableLayout.ItemTemplate>
+                </StackLayout>
+        </ScrollView>
+        <Button AutomationId="button"
+                Clicked="Button_Clicked"
+                Text="Remove/Add scroll view background"/>
+    </VerticalStackLayout>
+</ContentPage>

src/Controls/tests/TestCases.Android.Tests/snapshots/android/ScrollViewWithoutGradientBackground.png

@@ -0,0 +1,32 @@
+namespace Maui.Controls.Sample.Issues
+{
+	[Issue(IssueTracker.Github, 24061, "ScrollView's gradient background doesn't work with ScrollView", PlatformAffected.iOS)]
+	public partial class Issue24061 : ContentPage
+	{
+		LinearGradientBrush _linearGradientBrush;
+		
+		public Issue24061()
+		{
+			InitializeComponent();
+			_linearGradientBrush = new LinearGradientBrush
+			{
+				StartPoint = new Point(0, 0.5),
+				EndPoint = new Point(1, 0.5),
+				GradientStops = new GradientStopCollection
+					{
+						new GradientStop { Color = Colors.White, Offset = 0.75f },
+						new GradientStop { Color = Colors.Green, Offset = 1 }
+					}
+			};
+			scrollView.Background = _linearGradientBrush;
+		}
+
+		private void Button_Clicked(object sender, EventArgs e)
+		{
+			if (scrollView.Background != null)
+				scrollView.Background = null;
+			else
+				scrollView.Background = _linearGradientBrush;
+		}
+	}
+}

src/Controls/tests/TestCases.HostApp/Issues/Issue24061.xaml

@@ -0,0 +1,29 @@
+using NUnit.Framework;
+using UITest.Appium;
+using UITest.Core;
+
+namespace Microsoft.Maui.TestCases.Tests.Issues
+{
+	public class Issue24061 : _IssuesUITest
+	{
+		public Issue24061(TestDevice testDevice) : base(testDevice)
+		{
+		}
+
+		public override string Issue => "ScrollView's gradient background doesn't work with ScrollView";
+
+		[Test]
+		[Category(UITestCategories.ScrollView)]
+		public void ScrollViewGradientBackgroundShouldWorkWithScrollView()
+		{
+			App.WaitForElement("Item2");
+			App.SwipeRightToLeft("Item2", 0.99);
+
+			VerifyScreenshot("ScrollViewGradientBackground");
+			App.Click("button");
+			VerifyScreenshot("ScrollViewWithoutGradientBackground");
+			App.Click("button");
+			VerifyScreenshot("ScrollViewGradientBackground");
+		}
+	}
+}